为了账号安全,请及时绑定邮箱和手机立即绑定

postcss的配置问题

var htmlWebpackPlugin = require("html-webpack-plugin");

var path = require('path');

var webpack = require('webpack');

module.exports = {

     entry: './src/app.js',

     output: {

     path: __dirname + '/dist', 

     filename: 'js/[name]-bundle.js'

     },


module: {

     rules: [

         {

             test: /\.js$/,

            include: '/src/',      

             exclude: '/node_modules/',    

             loaders: "babel-loader", 

             query: {

                 presets: ["latest"]

                 }

         },

         {

              test:/\.css$/,

              use:[

                  {

                      loader:'style-loader'

                  },

                  {

                      loader:'css-loader',

                      options:{

                          importLoaders:1

                      }

                  },

                  {

                      loader:'postcss-loader'

                  }

              ]

          }

    ]

},

plugins: [

    new htmlWebpackPlugin({

         filename: 'index.html', 

         template: 'index.html', 

         inject: 'body', 

     }),

    new webpack.LoaderOptionsPlugin({

            options: {

                postcss: function(){

                    return [

                        require('autoprefixer')({

                            broswers: ['last 5 versions']

                        })

                    ]

                }

            }

        })


    ]

}

为什么我还是不行,我也已经配置了postcss.config.js 文件了


module.exports = {

    plugins:[

        require('autoprefixer')({ browsers: ["last 5 versions"]})

    ]

}


还是报这个错

http://img1.sycdn.imooc.com//5919458c00014b8408110112.jpg

正在回答

2 回答

{
        test: /\.css$/,
        use: [
	        {
	      		loader:'style-loader'
	      	},
	      	{
	        	loader:'css-loader'
	      	},
	      	{ 
	      		loader: 'postcss-loader',
	      		// some plugins of postcss-loader:some options
	      		options: {
	      			plugins: function () {
	      				return [
	      					require('postcss-import')({
	      						root:this.resourcePath
	      					}),
	      					require('autoprefixer')({
	      						broswers: ['last 5 versions']
	      					})
      					]
	      			}
	    			}
	    		}
    		]	
			},


0 回复 有任何疑惑可以回复我~
#1

joyful2

为啥我还是不行,试了很多方法都不行,求教!
2018-06-20 回复 有任何疑惑可以回复我~
      {
        test: /\.css$/,
        loaders: [
          "style-loader", 
          "css-loader?importLoaders=1", 
          {
            loader: "postcss-loader",
            options: {
              plugins: (loader)=>[
                require('autoprefixer')({
                    broswers:['last 5 versions']
                })
              ]
            },
          }
        ],
      }

这么配置

1 回复 有任何疑惑可以回复我~
#1

joyful2

应该是browsers吧,不过单词改过来也不行。有知道的吗?
2018-06-20 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

postcss的配置问题

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信