声明 本教程整理于互联网
先看一个例子
// webpack.config.js
module.exports = {
// 入口
entry: {
'index': './index.js'
},
// 输出
output: {
path: './',
/*
[name] 是 entry 中的 key
entry: {
key: value
}
*/
filename: "[name].b.js"
}
};
@前端进阶之旅: 代码已经复制到剪贴板
module.exports 是 CommonJS 规范中定义一个文件对外接口的语法，webpack.config.js 文件对外的接口是一个 object ，其中定义了一些配置参数。
# 一、参数详解
# 1.1 entry
最初 webpack 是为了构建 SPA (Single Page Application) ，entry 是『入口』配置。在 entry 中的文件才会被编译。
# 1.2 output
output 控制构建后的文件的存放位置和命名。 path 定义所有构建后文件的所在目录，本例中构建到当前文件夹。
# 1.3 filename
filename 控制构建后文件的文件名
# 1.4 源码和构建结果
// index.js
var content = require("./content.js")
document.body.innerHTML = document.body.innerHTML + content
@前端进阶之旅: 代码已经复制到剪贴板
// content.js
module.exports = "some string"
@前端进阶之旅: 代码已经复制到剪贴板
<body>
