1、安裝postcss-loader
npm install --save-dev postcss-loader
2、然后配置webpack.config.js,特別說明一下 exclude 和 include ?,在網上找的沒有這兩,然后我在配置完成后,在main.js里 impotr 進來的css 地直找不到,搞了好半天,然后寫上這兩就可以了,exclude 是接入node_modules里的css,include 是接 src 里的
{
? ? ? ? ? test: /\.css$/,
? ? ? ? ? exclude:/node_modules/,
? ? ? ? ? include:'/src/',
? ? ? ? ? use: [
? ? ? ? ? ? ? {
? ? ? ? ? ? ? ? ? loader: "style-loader"
? ? ? ? ? ? ? }, {
? ? ? ? ? ? ? ? ? loader: "css-loader",
? ? ? ? ? ? ? ? ? options: {
? ? ? ? ? ? ? ? ? ? ? //modules: true
? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? }, {
? ? ? ? ? ? ? ? ? loader: "postcss-loader"
? ? ? ? ? ? ? }
? ? ? ? ? ]
? ? ? }
3、配置postcss.config.js,放要根目錄,和package.json 放在一起
module.exports = {
plugins: {
autoprefixer: {
browsers: ['last 7 iOS versions','last 3 versions','> 1%']
? ? }
? }
};