在Angular2中组织js文件

我读整个Angular Style Guide。在Angular2中组织js文件

这是一个很好的起点，但缺乏一些观点。

例如：我们应该在哪里放置生成的JavaScript文件？默认tsc把这些文件放在.ts文件的同一个文件夹中，但是用这种方式项目文件夹变得非常非常脏。

我创建了一个“wwwroot”文件夹，我把生成的JS，但我不喜欢这种方式，因为我也有到.css and.html文件复制在wwwroot。

是否有最佳做法？

非常感谢

来源

2016-10-10 user3471528

我把我的自定义JS文件到我的资产文件夹中放置一个js目录。这种方式可以在编译和准备分发或制作时通过应用程序访问。

所以，你的文件结构应该是这样的，

assets/js/custom.js

然后在您的src/index.html文件，你可以做到这一点，

<script src="assets/js/custom.js"></script>

来源

2016-10-10 16:15:31 wuno

如果您正在使用的角度2，并且具有设置这个烦恼我建议使用Angular CLI。这将为您抽象出很多这样的内容，并快速启动并编写代码。这是一个理想的选择，所以开始考虑;）。

回答你的问题。我总是做的是使用tsconfig.json文件来定义我的打印机编译器的工作方式。在这里我定义了我的out目录，其中打印了脚本文件。

{ 
    "compilerOptions": { 
    "target": "es5", 
    "noImplicitAny": false, 
    "removeComments": true, 
    "sourceMap": true, 
    "module": "es2015", 
    "experimentalDecorators": true, 
    "emitDecoratorMetadata": true, 
    "moduleResolution": "node", 
    "outDir": "out", 
"types": [ 
     "es6-shim", 
     "jasmine", 
     "lodash", 
     "node", 
     "toastr" 
    ] 
    }, 
    "exclude": [ 
    "out", 
    "node_modules", 
    "dist", 
    "reports" 
    ], 
    "version": "2.0.2" 
}

这是我的一个配置的整个文件。查看outDir选项。

来源

2016-10-10 16:19:41 KwintenP

Hi KwintenP。我也使用outDir属性。问题也集中在.css和.html文件上。你“out”dir包含生成的js文件，但是组件的.html和.css怎么样？ – user3471528

要使用CSS文件和html文件我更喜欢使用Webpack。 Webpack是一个模块打包器，它允许您将整个应用程序捆绑到一个可以在浏览器中运行的包中。角度cli也使用引擎盖下的webpack，所以检查一下。 – KwintenP

在Angular2中组织js文件

回答

相关问题