Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/cocoa/3.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_Bundle_Atom Editor - Fatal编程技术网

Javascript 网页包-如何捆绑/要求文件夹(子文件夹)的所有文件

Javascript 网页包-如何捆绑/要求文件夹(子文件夹)的所有文件,javascript,webpack,bundle,atom-editor,Javascript,Webpack,Bundle,Atom Editor,我想看看是否有一种更短的方式来运行webpack捆绑包,以及为什么我的加载程序不能工作 这是我的密码: module.exports = { context: path.join(__dirname, 'dist'), entry: ['./ES6bundle.js', './jQuery.js'], output: { filename: 'bundle.js', path: path.join(__dirname, 'dist') } }; // module: { //

我想看看是否有一种更短的方式来运行webpack捆绑包,以及为什么我的加载程序不能工作

这是我的密码:

module.exports = {
context: path.join(__dirname, 'dist'),
entry: ['./ES6bundle.js', './jQuery.js'],
output: {
    filename: 'bundle.js',
    path: path.join(__dirname, 'dist')
}
};
// module: {
//     loaders: [{
//         test: /\.js?$/,
//         exclude: /node_modules/,
//         loader: 'babel-loader',
//         query: {
//             presets: ['env']
//         }
//     }]
// };
module.exports可以工作,但当我运行加载程序时会出现错误

我的另一个问题是关于将多个条目合并到一个文件中。
我正在处理的项目有很多JS文件,我想知道是否有多个条目的快捷方式。与其输入多个条目的文件名,我可以获取同一文件夹中的所有JS文件,还是使用JS文件来要求所有这些文件


让我知道这是否有意义。我对编程比较陌生。谢谢

关于你问题的第二部分:

我可以抓取同一文件夹中的所有JS文件,还是有一个JS文件可以保存 都要

您可以有一个条目文件,并在其中执行以下操作:

module.exports = {
    context: path.join(__dirname, 'dist'),
    entry: ['./jQuery.js', './allJsFilesOfFolder.js'],
allJsFilesOfFolder.js:

require.context("../scripts/", true, /\.js$/);
这将捆绑
脚本
及其所有
子文件夹
中的所有脚本

您需要安装
@types/webpack env
,以便手头有
上下文

如果只想捆绑
scripts
文件夹中的脚本,请指定
false


您可以对其他资源(如图像)执行相同的操作,您只需修改
regex

复制@Legends注释作为此处的答案

没有使用vue文件的经验,但正如我所说,您不仅可以绑定js文件,还可以绑定图像文件,例如,图像文件的正则表达式是:/(png | ico | svg | jpg | gif)$/


运行加载程序时会出现什么样的错误?所以我在发布后不久就修复了问题中的加载程序部分。关于我的另一个问题,有没有办法用一个文件路径添加多个条目,或者我每次都需要手动输入它们?
entry
在我的经验中,是为了在应用程序中有明显不同的入口点-如果你想要一个单独的包输出,那么你实际上应该只有一个入口点,而这个入口点反过来需要/导入其他文件,比如commonjs格式。还是真的有很多不同的切入点?编辑:你在做多主条目的事情吗?我可以尝试多主条目的事情,我想有一种方法可以将文件导入到单个条目
require.context(“./src”,true,/\.src\.js$/)这是我出来的,但我得到了错误“嗯!缺少脚本:scriptsTry
webpack-d--显示入口点--进度--显示模块--显示错误详细信息
,这将为您提供更多的一般信息。您很可能会遇到此错误,因为它无法解析您的
/src
顺便说一句。您的正则表达式将只匹配以
.src.js
结尾的js文件。如何执行
webpack
命令,错误消息显示:
缺少脚本:脚本
!?我成功了,非常感谢!最后一个问题,是否有一种方法可以在同一目录中引入多种文件类型,而不仅仅是.js文件?我有一些.vue文件,不知道这是否可能。谢谢我没有使用vue文件的经验,但正如我所说,您不仅可以绑定js文件,还可以绑定图像文件,例如,图像文件的正则表达式是:
/\(png | ico | svg | jpg | gif)$/
。如果它对你有帮助,别忘了把它标记为答案。谢谢