webpack打包配置
webpack的4.x版本中默认约定:
- 打包的
入口文件为src-> index.js - 打包的
输出文件为dist -> main.js
如果不适用webpack打包,那么浏览器将无法识别ES6模板规范。
修改打包入口和出口
-
项目根目录新建
webpack.config.js文件,加入配置代码const path = require('path') //导入node.js操作路径的模块 module.exports = { mode: 'development', entry: path.join(__dirname,'./src/index.js'), //打包入口文件路径,__driname代表当前文件路径。 output: { //输出文件路径 path: path

本文介绍了webpack 4.x版本中的打包配置,包括修改打包入口和出口,配置自动打包功能,以及使用html-webpack-plugin生成预览页面。通过这些配置,可以实现JS代码的ES6模板规范支持,自动打包更新,以及打开网址直接显示指定预览页面。
最低0.47元/天 解锁文章

被折叠的 条评论
为什么被折叠?



