為什么要把postcss-loader單獨寫在postcss.config.js里才可以解決問題？為什么不能全部寫在webpack.config.js里
ERROR in ./node_modules/css-loader?importLoaders=1!./node_modules/postcss-loader/lib?{"plugins":[null]}!./src/css/flex.css
Module build failed: TypeError: Cannot read property 'postcss' of null
? ? at Processor.normalize (/Users/apple/web-demo/node_modules/postcss-loader/node_modules/postcss/lib/processor.js:136:12)
? ? at new Processor (/Users/apple/web-demo/node_modules/postcss-loader/node_modules/postcss/lib/processor.js:51:25)
? ? at postcss (/Users/apple/web-demo/node_modules/postcss-loader/node_modules/postcss/lib/postcss.js:73:10)
? ? at Promise.resolve.then.then (/Users/apple/web-demo/node_modules/postcss-loader/lib/index.js:137:12)
?@ ./node_modules/css-loader?importLoaders=1!./node_modules/postcss-loader/lib?{"plugins":[null]}!./src/css/common.css 3:10-156
?@ ./src/css/common.css
?@ ./src/app.js
為什么要把postcss-loader單獨寫在postcss.config.js里才可以解決問題？為什么不能全部寫在webpack.config.js里
2017-12-27
因為你在loader 中引用了插件，但是沒有指明是誰的插件，需要制定一個ident，唯一標識
2019-06-19
??????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????E森林eslint
??????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????2018-04-11
推薦一個vue工程化實踐教程：http://xc.hubwiz.com/course/598bad66c7fd1d49453979c9?affid=imooc7878
2017-10-21
我也遇到了這個問題，寫進去會報錯
2017-08-21
var?htmlWebpackPlugin?=?require('html-webpack-plugin'); var?path?=?require('path'); module.exports?=?{ entry:?'./src/app.js', output:?{ path:?__dirname?+?'/dist', filename:?'js/[name].bundle.js' }, module:?{ rules:?[{ test:?/\.css$/, use:?['style-loader',?'css-loader',?{ loader:?'postcss-loader', options:?{ plugins:?[ require("autoprefixer")({browserslist:?["last?2?versions"]}) ] } }] }], loaders:?[{ test:?/\.js$/, loader:?'babel-loader', exclude:?path.resolve(__dirname,?'node_modules'), include:?'/src/', query:?{ presets:?['es2016'] } }] }, plugins:?[ new?htmlWebpackPlugin({ filename:?'index.html', template:?'index.html', inject:?'body' }) ] }2017-08-21
var htmlWebpackPlugin = require('html-webpack-plugin');
var path = require('path');
module.exports = {
entry: './src/app.js',
output: {
path: __dirname + '/dist',
filename: 'js/[name].bundle.js'
},
module: {
rules: [{
test: /\.css$/,
use: ['style-loader', 'css-loader', {
loader: 'postcss-loader',
options: {
plugins: [
require("autoprefixer")({browserslist: ["last 2 versions"]})
]
}
}]
}],
loaders: [{
test: /\.js$/,
loader: 'babel-loader',
exclude: path.resolve(__dirname, 'node_modules'),
include: '/src/',
query: {
presets: ['es2016']
}
}]
},
plugins: [
new htmlWebpackPlugin({
filename: 'index.html',
template: 'index.html',
inject: 'body'
})
]
}