实战webpack4.0常用配置与优化

北城余情 提交于 2020-04-23 13:00:48

 

 

注意:

1、在webpack里,所有文件都是模块
    例如:JS模块--->模块化(AMD、CMD、ES6 Module、Commonjs)
    关于模块化参见https://www.cnblogs.com/jianxian/p/12753375.html. 
  如下所示

  

 

  接下来便可以导入使用

  

  最后做下验证输出,可以直接打包生成文件

  

 

  接下来做下测试,引入脚本文件,打开html文件进行测试

  

  但我们想知道这里为什么是main.js,接下来做个配置文件进行修改

  

 

  接下来开始编写代码,但注意webpack是基于node的,所以必须遵循Commonjs规范

  

 

  依次填充

  

 

  

  

 

 

 

 

 

 

 

.

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!