webpack css/less分離

webpack css/less分離

webpack css分離 需要藉助extract-text-webpack-plugin這個插件

//插件
plugins:[
	new ExtractTextWebpackPlugin("css/styles.css"),
]

//配置
{
   test: /\.less$/,
   use: ExtractTextWebpackPlugin.extract({
     use: ['css-loader', 'less-loader'],
     fallback: 'style-loader'
   })
 }

在安裝的時候有個小坑，就是最新版的webpack4.0安裝的時候需要這樣安裝

npm install --save-dev extract-text-webpack-plugin@next

不然會出現不可預知的錯誤