我在源文件夹中遵循ecmascript 2015模块模式有很多打字稿文件。我有tsconfig设置，可将已转译的文件输出到lib文件夹。很好 但是，是否有任何方法可以将它们捆绑在一起成为可以在浏览器中使用的sigle文件？我希望我的模块可以通过npm获得，也可以作为脚本标签获得。
有关详细信息，请参阅我的虚拟github项目。尝试了口头打字，concat，uglify方式，但是徒劳。
结合使用webpack和ts-loader来编译TypeScript并创建一个捆绑包：
安装webpack
> npm install webpack ts-loader --save-dev
创建webpack.config.js
const path = require('path');
module.exports = {
entry: "./src/index.ts",
output: {
filename: "bundle.js",
path: path.resolve(__dirname, 'dist')
},
resolve: {
extensions: [".webpack.js", ".web.js", ".ts", ".js"]
},
module: {
rules: [{ test: /\.ts$/, loader: "ts-loader" }]
}
}
运行webpack
> webpack
您可能还需要安装webpack-cli（当您运行webpack命令时，消息会告诉您）
> npm install webpack-cli
随着配置选项随时间的变化，请参阅webpack和ts-loader上的文档以获取更多信息。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句