webpack4 高手之路 第三天
webpack4 多入口多出口
- 初始化webpack项目,搭建基础目录
配置webpack.config.js配置文件
const path = require("path"); module.exports = { //引入nodejs中的path模块 entry: { main: "./src/script/main.js", //可配置多个入口文件 demo: "./src/script/demo.js" }, output: { path: path.join(__dirname,"dist","test"), //解决行命令的目录和webpack.config.js不在同一个目录时造成的容错率问题,用绝对路径同样有效 filename: "[name].bundle.js" //[name]对应你入口文件的name,也就是属性名 } }
配置package.json
{ "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "dev": "webpack --mode development", "buil": "webpack --mode production" }, "keywords": [], "author": "", "license": "ISC" }
- npm run dev 以开发模式运行打包
- 成功打包后查看输出文件,会发现生成了两个我们配置需要输出的js文件
这样,多出口打包多个js文件就完成了!
相关推荐
不知道该写啥QAQ 2020-11-12
webfullStack 2020-11-09
Yvettre 2020-09-15
想做大牛的蜗牛 2020-10-30
gloria0 2020-10-26
gaojie0 2020-09-11
SelinaChan 2020-08-14
不知道该写啥QAQ 2020-08-09
gloria0 2020-08-09
不知道该写啥QAQ 2020-08-02
hline 2020-07-29
SelinaChan 2020-07-28
wangdianyong 2020-07-23
webpackvuees 2020-07-23
yqoxygen 2020-07-20
不知道该写啥QAQ 2020-07-18
waterv 2020-07-18
81463166 2020-07-17