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

Question

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

下面是两个文件的代码。

设置.ts

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

脚本.ts

import { foo }  from 'settings';

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

下面是webpack.config文件

loaders: [

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

我没有找到运气。

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

下面是文件夹结构的截图。 webpack.config 与 src 文件夹同级

Answer 1

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

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

           ],