html文件打包的方法?这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容,让我们一起来看看吧!
1, html文件的打包
- <李>
把dist目录下面的index . html剪切复制到src目录下,index . html里面引入的js代码可以删除掉(会自动引入js代码),这就是模板文件
李> <李>在webpack-config。js里面引入插件
我改进?:项目运行在http://10.212.109.18:8087 我使用改进?:从/webpack输出服务 我使用改进?:内容不是从webpack从F: \ webLearn \ webpackLearn \ dist 吗?波分复用?:散列:027 dd749b565ba3b200d 版本:webpack 4.15.1 时间:3008毫秒 建在:2018-07-11 08:49:13 资产规模大块大块的名字 entry2。js 139 0(排放)entry2简约 条目。js 145简约指数(排放)条目。html 427字节(排放) 入口点进入=entry.js 入口点entry2=entry2。js
<>强出现上述代码即成功强>
李>- <李>
如下所示即打包成功
散列:40112 e2b8d4dc81b512b 版本:webpack 4.15.1 时间:5299毫秒 建在:2018-07-11 08:47:26 资产规模大块大块的名字 entry2。js 962字节0 entry2(释放) 条目。js 6.75简约1(排放)条目 索引。html 427字节(排放) [0]。/src/entry2。js 33字节{0}(建造) [4]。/node_modules css-loader !/src/css/索引。css 227字节{1}(建造) [5]。/src/css/索引。css 1.06简约{1}(建造) [6]。/src/条目。js 94字节{1}(建造) + 3隐藏模块 警告在配置 & # 39;模式# 39;没有设置选项,webpack将后备& # 39;生产# 39;这个值。集& # 39;模式# 39;选择& # 39;发展# 39;或& # 39;生产# 39;为每一个环境,使违约。 你也可以将它设置为& # 39;没有# 39;禁用任何违约行为。了解更多信息:https://webpack.js.org/concepts/mode/孩子html-webpack-plugin“index.html": 1资产 [0](webpack)/内置的模块。js 497字节{0}(建造) [1](webpack)/内置的全球。js 489字节{0}(建造) [3]。/node_modules html-webpack-plugin/lib/loader.js !。/src/索引。html 511字节{0}(建造) + 1隐藏模块李> <李>
把dist目录删掉,,在终端输入webpack进行打包
李> <李>在终端输入npm开发运行在浏览器中运行
李> <李>插件里面配置如下:
李> <李>const htmlPlugin=要求(“html-webpack-plugin”);
李> <李>在终端里面进行安装:npm安装-save-dev html-webpack-plugin
李> <李>配置html
感谢各位的阅读!看完上述内容,你们对html文件打包的方法大概了解了吗?希望文章内容对大家有所帮助。如果想了解更多相关文章内容,欢迎关注行业资讯频道。