分割CSS代码
第一步安装一个用来进行CSS代分割的插件
npm install --save-dev extract-text-webpack-plugin@bate
第二步引入插件
var ExtractTextPlugin = require('extract-text-webpack-plugin')
第三步
module: {
rules: [
{
test: /\.css$/,
use: ExtractTextPlugin.extract({
use: 'css-loader',
fallback: 'style-loader'
})
}
]
},
plugins: [
new ExtractTextPlugin("styles.css")
]
打包之后,会在dist目录出现一个styles.css的css文件