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

    原文作者:semonzheng
    原文地址: https://segmentfault.com/a/1190000010544333
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞