如何使用src文件并保持目录清洁（从编译文件）？

之所以有SRC和DIST文件夹是相当清楚的：我们改变源代码提交它存储库，并使用编译DIST文件进行生产。但是，你可以推荐什么开发？我们仍然希望从编译的文件中保持src干净，并快速查看更改。如何使用src文件并保持目录清洁（从编译文件）？

在我们刚刚将SAAS转换为CSS并将其放入源代码并保持JS文件原样（没有编译到一个文件中或将它们应用到dist中）之前。现在我们决定重新思考这个概念。

我们正在做网页开发，但我认为问题更广泛。

来源

2016-01-20 Stepan Suvorov

您是否尝试过使用webpack-dev-server？ –

是的，但它编译所有文件的权利？ –

@STEVER是的，但dev服务器存储/提供编译文件到/从内存，而不是磁盘。 [阅读本文]（https://webpack.github.io/docs/webpack-dev-server.html） – Matt

如果我很好理解，您正在寻找一种开发架构/工作流程来直接为浏览器提供源代码（并且使用DevTools版本功能）。事实上，要做到这一点有两件事情要做。

1）编译/ transpiled语言（SAAS，LESS，打字稿，...），并支持语言（ES6，ES7），您将需要编译/ transpile他们在客户端上。工具如LESS.js,typescript.js,BabelJS是伟大的做到这一点。我不知道JavaScript中的任何SAAS编译器实现。

2）然后，你需要2个不同的html索引。例如用于生产的index.hml和用于开发的dev.html。

index.html捆绑（DIST）文件：

<!DOCTYPE html> 
<html> 
    <head> 
    <title>App Title</title> 
    <link rel="stylesheet" type="text/css" href="dist/app.bundle.css"> 
    <script type="text/javascript" src="dist/app.bundle.js"></script> 
    </head> 
    <body> 
    ... 
    </body> 
</html>

dev.html所有信号源（SRC）文件：

<!DOCTYPE html> 
<html> 
    <head> 
    <title>App Title (Dev)</title> 
    <link rel="stylesheet/less" type="text/css" href="src/file1.less" /> 
    <script type="text/javascript" src="src/file1.js"></script> 
    <script type="text/javascript" src="src/file2.js"></script> 
    <script type="text/javascript" src="src/file3.js"></script> 
    <script type="text/javascript" src="lib/less.js"></script> 
    </head> 
    <body> 
    ... 
    </body> 
</html>

这样，开发人员使用访问Web应用程序，让我们说http://localhost/dev.html，并可以享受所有善良有源的权利在浏览器。没有照顾编辑。

要应用这样的体系结构，您可能需要修改客户端和/或服务器代码，并且还要构建可在两种模式（prod和dev）下工作的工具。

希望我帮了忙。

来源

2016-01-22 10:10:05 VPusher

如何使用src文件并保持目录清洁（从编译文件）？

回答

相关问题