Javascript 网页包无法解析自定义模块
我正在为我的一个项目使用webpack和angular。我有一些自定义的角度模块(不是es6)并且没有导出语句。每个模块都是一个单独的文件夹,包含多个文件,我想将它们包含在我的entry.js文件中以创建包。但由于某些原因,my entry.js无法解决此问题。 项目结构 根Javascript 网页包无法解析自定义模块,javascript,angularjs,webpack,babeljs,Javascript,Angularjs,Webpack,Babeljs,我正在为我的一个项目使用webpack和angular。我有一些自定义的角度模块(不是es6)并且没有导出语句。每个模块都是一个单独的文件夹,包含多个文件,我想将它们包含在我的entry.js文件中以创建包。但由于某些原因,my entry.js无法解决此问题。 项目结构 根 模块 moduleX moduleX.module.js moduleX.controller.js moduleX.core.js 模块 moduleY.module.js moduleY.controller.js m
模块
moduleX
moduleX.module.js
moduleX.controller.js
moduleX.core.js
模块
moduleY.module.js
moduleY.controller.js
moduleY.core.js
entry.js
webpack.config.js 我有webpack.config.js,供应商正在正确加载
module.exports = {
debug: true,
entry: {
app: [
'./entry.js'
],....
而entry.js已经
require.context(
"./modules",
true,
/\.js$/
);
angular
.module('myapp', ['moduleX', 'moduleY']);
Webpack生成app.bundle.js文件,其中包含自定义模块文件中的所有代码,但entry.js仍然无法解析我作为依赖项放入的任何模块。我做错了?示例代码(参见src/modules/下的非es6模块)那么这个“模块”遵循什么格式??AMD?您已经说过没有导出,所以排除了commonjs和systemjs,那么模块是什么类型的。如果没有,为什么不?@DayanMorenoLeon:谢谢你,Dayan。这是随模板提供的第三方Angle库。它不遵循AMD或任何其他格式,它只是一个普通的角度模块。难道不能用这些模块来使用webpack吗?我不这么认为。但是,您可以将它作为常规脚本标记包含在index.html中,并且angular代码将在这个“模块”上选择它,它遵循什么格式??AMD?您已经说过没有导出,所以排除了commonjs和systemjs,那么模块是什么类型的。如果没有,为什么不?@DayanMorenoLeon:谢谢你,Dayan。这是随模板提供的第三方Angle库。它不遵循AMD或任何其他格式,它只是一个普通的角度模块。难道不能用这些模块来使用webpack吗?我不这么认为。但是您可以将它作为一个常规脚本标记包含在index.html中,angular代码将获取它