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

我是webpack的新手。目前我正在使用webpack处理angular2应用程序。作为要求的一部分，我们希望有一个不应该捆绑的设置文件，以便可以在捆绑之后更改settings.js文件中的URL。使用webpack从软件包中排除ts/js文件

下面是两个文件的代码。

settings.ts

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

script.ts

import { foo } from 'settings';

两个TS文件将被编译成捆之前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文件夹

来源

2016-12-27 Hardik Patel

取而代之的是settings.ts文件，我准备使用json文件，它将具有一个url属性。 –

请添加您的文件夹结构的屏幕截图。 – tomepejo

也许你需要类似**排除：/app/settings/settings.ts** 没有尖括号和转义斜线。 – tomepejo

试试这样说：

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

由于上this GitHub issue建议。

来源

2016-12-27 23:35:23 tomepejo

尝试排除：[path.resolve（__ dirname，'src/app/config/settings.ts'）]。它给我错误“你可能需要适当的加载器来处理这种文件类型” –

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

回答

相关问题