一、 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文件 

相关文章:

  • 2021-11-09
  • 2022-12-23
  • 2021-09-20
  • 2021-07-20
  • 2022-12-23
  • 2022-01-01
  • 2022-12-23
猜你喜欢
  • 2021-07-21
  • 2022-12-23
  • 2021-06-20
  • 2022-12-23
  • 2022-12-23
  • 2021-12-24
  • 2022-02-06
相关资源
相似解决方案