webpack转换生成新的js文件

一、 webpack  原文件路径  转换后文件路径   （每次都需要执行该指令）

二、直接 webpack    ；  通过添加webpack.config.js文件来配置 原文件 与 输出文件

三、webpack- dev-server   自动编译 更新

1、 安装webpack-dev-server  使用 npm i webpack-dev-server -D 执行安装 开发依赖环境

2、因为是-D安装不是-g安装 所以要在package.json中添加 "dev":"webpack-dev-server"  然后运行 npm run dev。

3、执行报错的时候需要执行如下图所示操作

4、上面的警告错误   需要在本地安装webpack

5、再执行npm run dev 出现警告 ，添加--mode development

 6、运行 服务会在根目录下输出文件 、所以引入的js的路径应该是下面的output的路径

7、-S /-D

8、修改一些属性