Webpack如何打包css文件

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/csdnlinyongsheng/article/details/83309888

1.首先安装 npm install --save-dev extract-text-webpack-plugin@next插件;

2.引入这些代码,代码如下:

const ExtractTextPlugin = require("extract-text-webpack-plugin");

module.exports = {

  module: {

    rules: [

      {

        test: /\.css$/,

        use: ExtractTextPlugin.extract({

          fallback: "style-loader",

          use: "css-loader"

        })

      }

    ]

  },

  plugins: [

    new ExtractTextPlugin("styles.css"),

  ]

}

3.在要打包的js里引入样式

猜你喜欢

转载自blog.csdn.net/csdnlinyongsheng/article/details/83309888