学习webpack中存在的问题

最近在学习使用webpack。按照视频上的教学敲着代码。时不时的会报错,自己也在网查了一些资料。现在把一些问题总结以下,作为回顾。
问题1:在最后执行webpack的时候,在终端报错。
可能原因:子文件是在终端中创建的,比如src文件夹、dist文件夹、css
文件、js文件等等’
解决办法:在编辑器中创建文件(我用的是webstorm)。

问题二:在终端执行webpack,没有生成打包文件(或者是没有看到打
包文件)。
可能原因:webpack.config.js的出口,设置错误
解决办法:output:{
path:__dirname + ‘/dist/js’,
filename:”bundle.js”
}
注意的地方:
(1):记得加入 __dirname (__dirname”是node.js中的一个
全局变量,它指向当前执行脚本所在的目录。)
(2): ‘./dist/js’书写会报错,请修改成‘/dist/js’ (把前面的一点
去掉)
问题三:如果打包文件bundle,js存放的路径出错了。在编辑器中不好删除(我遇到过这种问题),可以在终端中删除。 在终端:进入到项目目录里,并输入 del + 要删除文件

你可能感兴趣的:(webpack)