webapck真的好多坑!!!css
解決辦法:node
安裝autoprefixer-loaderwebpack
cnpm install --save-dev autoprefixer-loader
可是有個報錯了:Please use postcss-loader instead of autoprefixer-loaderweb
緣由:autoprefixer-loader已經被廢棄了,如今都用postcss-loader來替代autoprefixer-loadernpm
解決辦法:安裝postcss-loaderless
cnpm install --save-dev postcss-loader autoprefixer
接着在webpack中添加postcss-loaderpost
{ test: /\.css$/, // 將樣式抽取出來爲獨立的文件 loader: ExtractTextPlugin.extract({fallback:"style-loader", use: "css-loader!postcss-loader"}), exclude: /node_modules/ }, // 使用less-loader、css-loader和style-loade 加載 .less 結尾的文件 { test: /\.less$/, // 將樣式抽取出來爲獨立的文件 loader: ExtractTextPlugin.extract({fallback:"style-loader", use:"css-loader!postcss-loader!less-loader"}), exclude: /node_modules/ },