webpack3实战(2)打包一个bootstrap项目(打包文件带hash)
来源:互联网 发布:普通话发音软件安卓版 编辑:程序博客网 时间:2024/05/29 16:54
前注:
文档全文请查看 根目录的文档说明。
如果可以,请给本项目加【Star】和【Fork】持续关注。
有疑义请点击这里,发【Issues】。
实战项目示例目录
1、需求列表
1、html文件引入了一些外部资源;
2、html文件里有一些写好的内容(比如html);
3、打包好的js文件加 chunk
,用于解决缓存问题;
2、步骤
安装依赖
npm install
html模板(有需要可以自行编辑):
demo.html
执行打包命令:
npm run test
查看打包后效果:
dist/index.html
3、说明
因为打包好的地址带hash值,所以显然不能手动写html文件来引入打包好的文件,因此引入了 html-webpack-plugin
插件,以原文件为模板渲染出打包好的html文件。
阅读全文
0 0
- webpack3实战(2)打包一个bootstrap项目(打包文件带hash)
- webpack3实战(1)打包一个CDN引入的jQuery项目
- webpack3实战(5)打包一个多页、jQuery、图片转base64、压缩混淆、异步模块加载的项目
- webpack3实战(4)打包带异步加载功能的模块
- webpack3实战(3)打包有es6、es7语法的js代码
- 如何打包一个项目文件
- react项目实战(权限模块开发八)js文件分开打包
- Vs2010 打包项目使用(打包)
- WinRAR将多个文件打包一个EXE文件(用此程序可以打包)
- py2exe打包一个文件
- java 打包jar文件实战
- c#项目打包成安装文件(含卸载功能)
- InstallShield Limit Edition打包项目为安装文件(VS2012)
- WinForm项目打包(转载)
- vue项目开发实战(二)——vue项目打包
- 关于工程带数据库打包(1)
- winform程序打包(带卸载)
- Maven实战(三)---插件动态打包
- JavaScript中的document.cookie的使用
- 友盟都三方QQ登陆
- 记录
- cos
- SQL---计算两个日期之间的时间差
- webpack3实战(2)打包一个bootstrap项目(打包文件带hash)
- Mybatis提供的逆向工程
- kotlin自定义项目中公用View
- C# 多线程--原子操作
- 本地调试正常,发布后提示:未找到视图“xxx.cshtml”或其母版视图,或没有视图引擎支持搜索的位置。
- sublime使用过程中的一些常用配置
- RowBounds遇到的一个小问题
- Linux lspci查看硬件设备
- 安装jdk后出现bash: ./java: /lib/ld-linux.so.2: bad ELF interpreter: 没有那个文件或目录