Javascript 我可以用网页单独缩小文件吗?
我有一个项目,有很多JavaScript文件分别放在几个文件夹中Javascript 我可以用网页单独缩小文件吗?,javascript,webpack,minify,Javascript,Webpack,Minify,我有一个项目,有很多JavaScript文件分别放在几个文件夹中 root | - index.html | - lib | -- jquery-ui.js | -- jquery.js | -- html2canvas.js | | - js | -- main.js | -- app1.js | -- app2.js | -- app3.js O需要使用webpack分别缩小这些文件,使每个文件都保留其路径 我不想有一个包含所有代码的单一文件 我当前的配置: co
root
| - index.html
| - lib
| -- jquery-ui.js
| -- jquery.js
| -- html2canvas.js
|
| - js
| -- main.js
| -- app1.js
| -- app2.js
| -- app3.js
O需要使用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']
}
]
}
}
对于单独的文件构建,您应该这样做:
module.exports = {
entry:{
main : './js/index.js',
main2 : './pages/MCF/js/index.js',
refresh : './pages/MCF/js/refresh.js',
langindex : './pages/MCF/lang/index.js',
script : './pages/MCF/lib/scriptJs/script.js',
load : './pages/MCF/lib/scriptJs/load.js'
},
output :{
path :path.resolve('./prod/js'),
filename: "[name].min.js"
},
...
};
[name].min.js
此[name]
将允许您将每个条目的生成保存为给定的名称(键)。输出将是:
./prod/js/main.js,
./prod/js/main2.js
// so on
对于单独的文件构建,您应该这样做:
module.exports = {
entry:{
main : './js/index.js',
main2 : './pages/MCF/js/index.js',
refresh : './pages/MCF/js/refresh.js',
langindex : './pages/MCF/lang/index.js',
script : './pages/MCF/lib/scriptJs/script.js',
load : './pages/MCF/lib/scriptJs/load.js'
},
output :{
path :path.resolve('./prod/js'),
filename: "[name].min.js"
},
...
};
[name].min.js
此[name]
将允许您将每个条目的生成保存为给定的名称(键)。输出将是:
./prod/js/main.js,
./prod/js/main2.js
// so on
将条目设为对象。@Jai**谢谢**@Jai您能将此作为答案发布并进一步阐述吗?看起来这个问题是谷歌搜索这个问题的第一个结果。将条目作为一个对象。@Jai**谢谢**@Jai你能把它作为一个答案发布并进一步阐述吗?看起来这个问题是谷歌搜索这个问题的第一个结果。