來源自問題css
!!!發現這解決方案仍是不能用,估計是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