亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

javascript - webpack 打包c(diǎn)ss問題
typecho
typecho 2017-07-05 10:43:58
0
1
1189

我在設(shè)定webpack的時(shí)候,關(guān)於css這塊是這樣設(shè)定的 loader: 'style-loader!css-loader?modules'

#可以讓不同模組之間的樣式命名不會(huì)衝突,但是這樣設(shè)定之後,我引入的外部css樣式,就不被打包,不能顯示了,請問是什麼問題

typecho
typecho

Following the voice in heart.

全部回覆(1)
大家講道理

將css分為需要打包的和不需要打包的,一般需要打包的css源文件都是預(yù)處理文件,比如以.less,.scss,.styl結(jié)尾的文件等等,可以對這部分需要打包的檔案進(jìn)行webpack配置,而對.css後綴的檔案不作css module處理。

範(fàn)例:

      {
        test: /\.pcss$/,
        use: [
          'style-loader',
          {
            loader: 'css-loader',
            options: {
              camelCase: true,
              importLoaders: 1,
              localIdentName: '[path][name]---[local]---[hash:base64:5]',
              modules: true,
            },
          },
          {
            loader: 'postcss-loader',
            options: {
              plugins: () => [
                require('postcss-import')({
                  path: path.join(baseDir, './src/style'),
                }),
                require('postcss-cssnext'),
                require('postcss-nested'),
                require('postcss-functions')({
                  functions: {
                    // any funcs you wanna
                  },
                }),
              ],
            },
          },
        ],
      },
      {
        test: /\.css$/,
        use: ExtractTextPlugin.extract({
          fallback: 'style-loader',
          use: [
            'css-loader',
          ],
        }),
      },
最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板