webpack转换生成新的js文件

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

webpack转换生成新的js文件

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

webpack转换生成新的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。

webpack转换生成新的js文件

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

webpack转换生成新的js文件

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

webpack转换生成新的js文件

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

webpack转换生成新的js文件

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

webpack转换生成新的js文件

7、-S /-D

webpack转换生成新的js文件

8、修改一些属性

webpack转换生成新的js文件