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

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

atom-editor bundle webpack javascript

tgore · 技术社区 · 7 年前

我想看看是否有一种运行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 回复 | 直到 7 年前

Legends 7 年前

关于你问题的第二部分:

我可以抓取同一文件夹中的所有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 6 年前

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

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

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

8 月前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

8 月前

Alex · 在轻量级中同时解构和不解构变量

8 月前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

8 月前

bairog · 从按属性筛选的对象数组字典中创建值数组

8 月前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

8 月前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

8 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

9 月前

user3472810 · Angular@Output/EventEmitter返回undefined

9 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

9 月前