angular – 使用webpack从bundle中排除ts / js文件

发布时间：2020-12-17 17:01:18 所属栏目：安全来源：网络整理

导读：我是webpack的新手.目前我正在使用webpack处理angular2应用程序.作为要求的一部分,我们希望有一个不应捆绑的设置文件,以便在捆绑后也可以更改settings.js文件中的URL. 下面是两个文件的代码. settings.ts const foo = { url:'localhost'};export { foo }; sc

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

下面是两个文件的代码.

settings.ts

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

script.ts

import { foo }  from 'settings';

两个ts文件将在bundle之前编译为js文件.现在我想从bundle中排除settings.ts文件,并希望在dist文件夹中分别复制setting.ts文件.

下面是webpack.config文件

loaders: [

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

我发现这没有运气.

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

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

enter image description here

解决方法

试试这样：

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

正如this GitHub issue所建议的那样.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!