關於webpack的版本致使的postcss-loader的問題

來源自問題css

https://segmentfault.com/q/1010000006987956html

!!!發現這解決方案仍是不能用,估計是webpack又更新了一輪,請看看下下方的答案
某個版本webpack的解決方案的複製(親測webpack v2.4.1是不能用的):node

plugins: {
  new webpack.LoaderOptionsPlugin({
    options: {
      postcss: function () {
        return [precss, autoprefixer];
      },
      devServer: {
        contentBase: "./public", //本地服務器所加載的頁面所在的目錄
        colors: true, //終端中輸出結果爲彩色
        historyApiFallback: true, //不跳轉
        inline: true //實時刷新
      }
    }
  })
}

這是另一個地方的答案範本,親測可用webpack

module:{
        loaders:[{
            test:/\.js$/,
            loader:'babel-loader',
            exclude:path.resolve(__dirname,'/node_modules/'),
            include:path.resolve(__dirname,'/src/'),
            query:{
                presets:["es2015"]
            }
        },{
            test:/\.css$/,
            use:[
            "style-loader",
            {
                loader:"css-loader",
                options:{importLoaders:1}
                // 上面這句話的意思爲若是css中有import進來的文件也進行處理
            },
            {
                loader:"postcss-loader",
                options:{
                    plugins:(loader)=>[require('autoprefixer')()]
                }
            }]
        }]
    },
    plugins:[
        new htmlWebpackPlugin({
            filename:'index.html',
            template:'index.html',
            inject:'body'
        })
    ]

若是是在webpack中的另外一種語法中,那麼要這樣使用?
loader:'style-loader!css-loader?importLoaders=1!postcss-loader'
這裏的?是起一種傳參的做用。web

相關文章
相關標籤/搜索