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

源自：4-4 处理项目中的 css

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']
					})
				]
			}
		}
	})
	]
}

提问者：yangtongjie 2017-05-10 22:46

个回答

qq_海风_21

2017-05-20 20:35:07

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
不浪漫

2017-05-12 00:04:04

我也跟你一样配置的，也是错误。别的都成了，不知道为什么。很郁闷。最后弄了个postcss.config.js里面配置：
```
module.exports = {
	plugins:[
		require('autoprefixer')({ browsers: ["last 5 versions"]})
	]
}
```
才行了。不知道你现在搞定了没？怎么配置的？

3