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