我有一个项目,其中有很多 JavaScript 文件,分别位于多个文件夹中。
root
| - index.html
| - lib
| -- jquery-ui.js
| -- jquery.js
| -- html2canvas.js
|
| - js
| -- main.js
| -- app1.js
| -- app2.js
| -- app3.js
Run Code Online (Sandbox Code Playgroud)
并且需要使用 webpack 分别缩小这些文件,以便每个文件保留其路径。
我不想拥有一个包含所有代码的文件。
我当前的配置:
const path = require('path');
module.exports = {
entry:[
'./js/index.js',
'./pages/MCF/js/index.js',
'./pages/MCF/js/refresh.js',
'./pages/MCF/lang/index.js',
'./pages/MCF/lib/scriptJs/script.js',
'./pages/MCF/lib/scriptJs/load.js'
],
output :{
path :path.resolve('./prod/js'),
filename: "app.min.js"
},
module:{
rules:[
{
test:/\.js$/,
exclude: /(node_modules|bower_components)/,
use:['babel-loader']
}
]
}
}
Run Code Online (Sandbox Code Playgroud)