鍍金池/ 問(wèn)答/HTML/ webpack配置css提取插件遇到的問(wèn)題？

webpack配置css提取插件遇到的問(wèn)題？

//自己的配置
   module: {
    {
      test: /\.scss$/,
      use: [
        'style-loader',
        {
          loader: 'css-loader',
          options: { modules: true }
        },

官網(wǎng)給的配置示例
圖片描述

官網(wǎng)的給的這個(gè)配置是一元二次表達(dá)式，MiniCssExtractPlugin后邊的逗號(hào)是什么意思，我配置的css-loader由于加了css Module 是一個(gè)對(duì)象，該怎么按照官網(wǎng)的來(lái)改？
另外官網(wǎng)的vue-style-loader 和 我配置的style-loader有什么不同呢？
----------------------------------------------------------------------報(bào)錯(cuò)
圖片描述

回答
編輯回答
青黛色

use是一個(gè)數(shù)組，逗號(hào)之前是一個(gè)三元表達(dá)式，如果不是生產(chǎn)環(huán)境則 use:['vue-style-loader', 'css-loader'] 如果生產(chǎn)環(huán)境就 use: [MiniCssExtractPlugin.loader] 。其實(shí)就是 run dev 用 vue-style-loader ， run build 用 MiniCssExtractPlugin.loader
你把你的 css-loader 那個(gè)對(duì)象直接復(fù)制替代右邊的 css-loader 即可

2017年4月16日 03:05