Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/422.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/search/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我可以用网页单独缩小文件吗?_Javascript_Webpack_Minify - Fatal编程技术网

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

我有一个项目,有很多JavaScript文件分别放在几个文件夹中

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你能把它作为一个答案发布并进一步阐述吗?看起来这个问题是谷歌搜索这个问题的第一个结果。