問題一:安裝本地webpack時括袒,npm install webpack安裝失敗
解決辦法:先全局安裝npm install webpack -g蒋譬,再本地安裝npm install webpack
問題二:
webpack命令打包提示 - configuration.output.path: The provided value "./dist/js" is not an absolute path!
如圖:
QQ截圖20170711112700.png
那么加上 __dirname莫湘,成了absolute path
<pre>
output: {
path: __dirname + '/dist/js',
filename: 'bundle.js'
}
</pre>
沒有報錯了越败,但是dist/js目錄沒有生成bundle.js文件驱显,
解決辦法:
var path = require("path");
...
output: {
path: path.resolve(\__dirname, './dist/js'),
filename: 'bundle.js'
}
問題三:
當(dāng)在webpack.config.js中配置postcss-loader時,提示錯誤如下圖:
QQ圖片20170711161614.png
首先配置好加載解析css的loader
{
test : /\.css$/,
loader: 'style-loader!css-loader?importLoaders=1!postcss-loader'
}
以plugins 的方式配置postcss config放接,如下:
plugins : [
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"]
})
]
}