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

webpack.config.js的书写如下,现报错没有找到postCSS的配置

var path = require('path');
var htmWebpackPlugin = require('html-webpack-plugin');
var webpack = require('webpack');
module.exports={
	context: __dirname,
	entry:  './src/app.js',
	output:{
		path: path.resolve(__dirname,'dist'),
		filename: 'js/[name].bundle.js'
	},
	module: {
		loaders: [
			{
				test: /\.js$/,
				loader: 'babel-loader',
				exclude: __dirname+'./node_modules',
				include: __dirname+'./src/',
				options: {
					'presets': ['latest']
				}
			},
			{
				test: /\.css$/,
				use: [
					{
						loader: 'style-loader'
					},
					{
						loader: 'css-loader',
						options: {
							importLoaders:1
						}
					},
					{
						loader: 'postcss-loader'
					}
				]
			}
		]
	},
	plugins: [
	new htmWebpackPlugin({
		filename: 'index.html',
		template: 'index.html',
		inject: 'body'
	}),
	new webpack.LoaderOptionsPlugin({
		options: {
			postcss: function(){
				return [
					require('autoprefixer')({
						broswers: ['last 5 versions']
					})
				]
			}
		}
	})
	]
}

http://img1.sycdn.imooc.com//5913279a000135ad14520776.jpg

正在回答

2 回答

module: {

    loaders: [

        {

            test: /\.js$/,

            loader: 'babel-loader',

            exclude: path.resolve(__dirname,

            'node_modules'),

            include: path.resolve(__dirname,

            'src'),

            /*还可以在package.json里面配置*/query: {

                presets: [

                    'latest'

                ]

            }

        },

        {

            test: /\.css$/,

            //loader: 'style-loader!css-loader!postcss-loader'loaders: [

                {

                    loader: 'style-loader'

                },

                {

                    loader: 'css-loader',

                    options: {

                        importLoaders: 1

                    }

                },

                {

                    loader: "postcss-loader",

                    options: {

                        plugins: ()=>[

                            require('autoprefixer')({

                                broswers: [

                                    'last5versions'

                                ]

                            }),

                            require('postcss-import')()

                        ]

                    },

                }

            ]

        }

    ]

}



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

恋上天空的驴

666
2017-05-21 回复 有任何疑惑可以回复我~
#2

qq_hypocrite_14118132

不报错,但是并不会自动加上浏览器前缀了
2017-06-12 回复 有任何疑惑可以回复我~
#3

不完美

两个css文件合并到一个里面去了,而且没有加上前缀,是这样吗?
2017-07-04 回复 有任何疑惑可以回复我~
#4

yangtongjie 提问者

6666
2017-07-13 回复 有任何疑惑可以回复我~
#5

自由陈生 回复 不完美

将两个require顺序调过来就可以了。
2017-07-19 回复 有任何疑惑可以回复我~
#6

不完美 回复 自由陈生

谢谢,试了下,果然可以!
2017-07-19 回复 有任何疑惑可以回复我~
#7

xiaoyy小白

require('postcss-import')()放在require('autoprefixer')({ broswers: [ 'last5versions' ] }), 这个的前面,要不 @import "./flex.css"; 引用进来的不加前缀
2017-11-05 回复 有任何疑惑可以回复我~
#8

qq_安静先生_03717455 回复 自由陈生

可以 感谢分享
2017-11-13 回复 有任何疑惑可以回复我~
查看5条回复

我也跟你一样配置的,也是错误。别的都成了,不知道为什么。很郁闷。最后弄了个postcss.config.js里面配置:

module.exports = {
	plugins:[
		require('autoprefixer')({ browsers: ["last 5 versions"]})
	]
}

才行了。不知道你现在搞定了没?怎么配置的?

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

yangtongjie 提问者

还没找到,找到之后我会在这上面通知你~~~///(^v^)\\\~~~
2017-05-15 回复 有任何疑惑可以回复我~
#2

初夏木槿

这个方法可以的,搞定了,非常感谢!!!
2017-06-01 回复 有任何疑惑可以回复我~
#3

韩鑫

666
2017-06-29 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

webpack.config.js的书写如下,现报错没有找到postCSS的配置

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