原来需要先全局安装一次webpack(npm install -g webpack),然后在命令行cd定位到项目的文件夹,再安装一次(npm install webpack --save-dev),就阔以啦~~
2017-12-07
版本改动,现在使用
module.exports= {
entry: {
main: './src/script/main.js',
a: ['./src/script/a.js', './src/script/b.js'],
},
output: {
path: './dist/js',
filename: 'bundle.js', //视频中此处 改成这个
}
}不会覆盖,直接报错
module.exports= {
entry: {
main: './src/script/main.js',
a: ['./src/script/a.js', './src/script/b.js'],
},
output: {
path: './dist/js',
filename: 'bundle.js', //视频中此处 改成这个
}
}不会覆盖,直接报错
2017-12-04
ERROR in Template execution failed: TypeError: Cannot read property 'entry' of undefined
报错时
chunks:['main','a]改为chunk:'main,a'
报错时
chunks:['main','a]改为chunk:'main,a'
2017-12-03
使用sass的安装sass-loader和node-sass,同时配置如下
{ test: /\.css$/, use: [ 'style-loader', 'css-loader', { loader: 'postcss-loader', options: { plugins: [require('postcss-import'),require('autoprefixer')], broswers: ['last 5 versions'] } } ] },
{ test: /\.css$/, use: [ 'style-loader', 'css-loader', { loader: 'postcss-loader', options: { plugins: [require('postcss-import'),require('autoprefixer')], broswers: ['last 5 versions'] } } ] },
2017-12-02
遇到output报错不是绝对路径
两种方法
第一种
const path=require('path');
output 内
path:path.resolve('__dirname,'./dist/js');//引入path模块 这个要带 . 因为resolve方法是从一个路径到另一个路径 ./标表示当前路径
第二种
path:__dirname+'/dist/js' 注意因为是绝对路径,所以需要用__dirname补全路径 不要加 .
会出现没有文件的问题 而且因为是+ 所以相当于拼凑的路径
两种方法
第一种
const path=require('path');
output 内
path:path.resolve('__dirname,'./dist/js');//引入path模块 这个要带 . 因为resolve方法是从一个路径到另一个路径 ./标表示当前路径
第二种
path:__dirname+'/dist/js' 注意因为是绝对路径,所以需要用__dirname补全路径 不要加 .
会出现没有文件的问题 而且因为是+ 所以相当于拼凑的路径
2017-11-30