代码之家 › 专栏 › 技术社区 › tgore

Webpack-如何捆绑/要求文件夹(子文件夹)的所有文件

atom-editor bundle webpack javascript

tgore · 技术社区 · 6 年前

我想看看是否有一种运行Web包包的较短方法,以及为什么我的加载程序不能工作。

这是我的代码:

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']
//         }
//     }]
// };

模块。导出工作正常,但当我运行加载程序时,会出现错误。

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

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

2 回复 | 直到 6 年前

Legends pawelglow 6 年前

关于你问题的第二部分:

我可以抓取同一文件夹中的所有JS文件,或者让JS文件要求他们全部

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

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

allJsFilesOfFolder。js公司:

require.context("../scripts/", true, /\.js$/);

这将捆绑内部的所有脚本 scripts 以及所有 subfolders .

您需要安装 @types/webpack-env 拥有 context 在你的手上。

具体说明 false 如果只想捆绑 脚本 文件夹

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

chengbo 5 年前

复制@图例注释作为此处的答案。

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

推荐文章

HoCo_ · 从终端在Atom中添加项目文件夹

6 年前

Crickets · 如何在单独的窗口中查看Atom的控制台?

6 年前

Xia.Song · 具有Julia误差的线性模型

6 年前

8Bit · Javascript:“Not-A-Number”错误,带数字

6 年前

Vsevolod · 转到Atom编辑器中的最后一行

6 年前

Maxime Rob · Atom包:隐藏开发人员密钥

6 年前

ecjb · Julia-Juno已成功安装,但无法从Atom中的Juno获得输出(命令旁边的轮子的徽标)

6 年前

Seth Eden · 计算机重新启动后的TestCafe/Atom运行结果

6 年前

tgore · Webpack-如何捆绑/要求文件夹(子文件夹)的所有文件

6 年前

jaspreet sohal · 在Python中运行JavaScript:“module”对象不可调用

6 年前