使用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文件

回答

相關問題