Javascript 设置Webpack和Babel以传输/填充旧代码
我有一个完整的遗留AngularJS 1.x应用程序,它曾经通过gulp和babel运行。我们正在过渡到较新的Angular 2+,但我在试图让Webpack实际查找和编译遗留文件时遇到了一个问题。我尝试了以下与本视频几乎相同的说明: 但是webpack配置对现有文件没有任何作用。有没有办法抓取整个文件夹中没有任何导入或导出的旧组件?我觉得条目应该遵循导入依赖路径,但对于较旧的AngularJS 1.x项目,这是不存在的 在构建过程中不会抛出错误,它只是…不传输或多填充 配置的该部分的外观示例:Javascript 设置Webpack和Babel以传输/填充旧代码,javascript,angularjs,angular,webpack,Javascript,Angularjs,Angular,Webpack,我有一个完整的遗留AngularJS 1.x应用程序,它曾经通过gulp和babel运行。我们正在过渡到较新的Angular 2+,但我在试图让Webpack实际查找和编译遗留文件时遇到了一个问题。我尝试了以下与本视频几乎相同的说明: 但是webpack配置对现有文件没有任何作用。有没有办法抓取整个文件夹中没有任何导入或导出的旧组件?我觉得条目应该遵循导入依赖路径,但对于较旧的AngularJS 1.x项目,这是不存在的 在构建过程中不会抛出错误,它只是…不传输或多填充 配置的该部分的外观示例:
rules: [
{
test: /\.js$/,
exclude: /(node_modules|bower_components)/,
use: {
loader: 'babel-loader',
options: {
presets: ['@babel/preset-env']
}
}
}
]
我们最近这样做了。我们创建了虚拟入口点文件,以避免将所有AngularJS文件更改为包含require/import语句 /入口点/特征1.ts webpack.config.js
export const importAll = (r: any): void => {
r.keys().forEach(r);
};
importAll(require.context('./app/feature1', true, /module\.js$/));
importAll(require.context('./app/feature1', true, /(^(?!.*(spec|module)\.js).*\.js)$/));
entry: {
'feature1': './entry-points/feature1.ts'
}