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

前端之家收集整理的这篇文章主要介绍了angular – 使用webpack从bundle中排除ts / js文件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我是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所建议的那样.

猜你在找的Angularjs相关文章