angular - 使用 webpack 从包中排除 ts/js 文件

Question

我是 webpack 的新手。目前我正在使用 webpack 开发 angular2 应用程序。作为要求的一部分，我们希望有一个不应捆绑的设置文件，以便在捆绑后也可以更改 settings.js 文件中的 URL。

下面是两个文件的代码。

设置.ts

const foo = {
    url:'localhost'
};
export { foo };

脚本.ts

import { foo }  from 'settings';

两个ts文件都会在bundle之前编译成js文件。现在我想从包中排除 settings.ts 文件，并希望将 setting.ts 文件单独复制到 dist 文件夹中。

下面是 webpack.config 文件

loaders: [

            {
                test: /\.ts$/,
                loaders: ['awesome-typescript-loader', 
                          'angular2-template-loader'],
                exclude: [/\settings.ts$/]
            },
]

我发现没有运气。

我可以使用 CopyWebpackPlugin 复制 dist 文件夹中的 settings.js 文件。但无法从捆绑中排除 settings.ts 文件。

下面是文件夹结构的截图。Webpack.config 与 src 文件夹处于同一级别

Answer 1

现在我使用 angular 7 并将文件路径放在 angular.json 的“资产”列表中对我有用。

 "assets": [
                 "src/assets",
                 "src/config/settings.json",

           ],

Answer 2

试试这样：

exclude: [
  path.resolve(__dirname, '/settings.ts'),
]

正如在这个 GitHub 问题上所建议的那样。