Javascript 设置Webpack和Babel以传输/填充旧代码

Javascript 设置Webpack和Babel以传输/填充旧代码,javascript,angularjs,angular,webpack,Javascript,Angularjs,Angular,Webpack,我有一个完整的遗留AngularJS 1.x应用程序,它曾经通过gulp和babel运行。我们正在过渡到较新的Angular 2+,但我在试图让Webpack实际查找和编译遗留文件时遇到了一个问题。我尝试了以下与本视频几乎相同的说明: 但是webpack配置对现有文件没有任何作用。有没有办法抓取整个文件夹中没有任何导入或导出的旧组件?我觉得条目应该遵循导入依赖路径,但对于较旧的AngularJS 1.x项目,这是不存在的 在构建过程中不会抛出错误,它只是…不传输或多填充 配置的该部分的外观示例:

我有一个完整的遗留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'
}