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']
})
]
}
}
})
]
}
2017-05-20
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')()
? ? ? ? ? ? ? ? ? ? ? ? ]
? ? ? ? ? ? ? ? ? ? },
? ? ? ? ? ? ? ? }
? ? ? ? ? ? ]
? ? ? ? }
? ? ]
}
2017-05-12
我也跟你一樣配置的，也是錯(cuò)誤。別的都成了，不知道為什么。很郁悶。最后弄了個(gè)postcss.config.js里面配置：
module.exports?=?{ plugins:[ require('autoprefixer')({?browsers:?["last?5?versions"]}) ] }才行了。不知道你現(xiàn)在搞定了沒？怎么配置的？