【记录】webpack

此时就出现错误：

原来是因为webpack版本升级后，原先的webpack打包命令不可用了；
我现在使用的版本是：

需要使用：webpack ./src/main.js -o ./dist/bundle.js 这个命令进行打包

发现红色报错消失了，然而黄色警告还在：

黄色警告是因为webpack4引入了三个模式：开发模式，生产模式，无。
出现黄色警告就是告诉我们没有设置模式，一般有开发模式和生产模式，接下来到package.json.添加上”dev”和”build”这两个信息

“scripts”: { “test”: “echo \”Error: no test specified\” && exit 1”, “dev”:“webpack --mode development”, “bulid”:“webapck --mode production” },

然后全局安装 webpack-cli：

npm i --save-dev webpack-cli -g

安装完成后, 输入命令 npm run dev

原因是，输入命令 npm run dev 的时候，会默认打包src文件夹下的index.js文件，打包完成后是main.js文件(放在dist)，然而一开始装webpack没有并没有生成index.js，那就在src下手动创建index.js（我实践发现，这里index.js中写不写js都可以；而且这里创建index.js文件只是解决npm run dev 产生的报错问题）此时只要运行webpack ./src/main.js -o ./dist/bundle.js --mode development 就可以对main.js进行打包；

打开dist文件夹下的bundle.js可以看到

可以看到main.js已经打包了

此时，我把src下的index.js删除，然后另外创建一个a.js试着打包到dist下的b.js文件中，看看是否有报错
src下目录：

在a.js中写点东西：

dist下目录：

打包一下：

发现我把原先的index.js删了之后也不会报错
打开b.js：
说明打包a.js没问题

另外尝试了在根目录下输入命令：webpack main.js -o bundle.js --mode development,报错信息如下：

Insufficient number of arguments or no entry found.
Alternatively, run ‘webpack(-cli) --help’ for usage info.
参数数量不足或找不到条目。
或者，运行“webpack（-cli）–help”获取用法信息。

在根目录下找不到main.js文件，把文件路径补全就没事了。

参考文章：https://blog.csdn.net/lplife/article/details/80875815