webpack分割代码

分割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文件