1. 程式人生 > >Webpack如何打包css檔案

Webpack如何打包css檔案

1.首先安裝 npm install --save-dev [email protected]外掛;

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裡引入樣式