JS:如何在没有静态HTML页面的情况下提供vanialla JS、HTML和CSS



我想制作一个快速应用程序的原型,但不想走上使用React或Vue这样的框架的道路。我也不希望只创建一个html文件和一个在html中导入的js文件
有没有一种方法可以让我在不使用框架的情况下使用npm包、SCSS并编写普通的Javascript?

如果不使用框架,在浏览器中使用NPM包最简单的方法就是使用Browserify。退房https://medium.com/jeremy-keeshin/hello-world-for-javascript-with-npm-modules-in-the-browser-6020f82d1072例如。

否则,您可以使用Gulp,这有助于运行Browserify、SCSS等,并使用BrowserSync在更改时刷新。但我个人不会这么做:虽然这是了解东西如何工作的好方法,但它需要一点时间才能正确设置,而且不再那么频繁使用。

我的建议是:

  • 使用Webpack或Rollup。似乎比Gulp更难掌握,但归根结底,学习Webpack非常有用(比学习Gulp多得多(,例如,如果你碰巧在一个使用它的项目中工作(有很多(。

  • 使用一个绑定所有这些东西的后端框架。就像使用Mix-的Laravel一样,你甚至可以在没有Laravel的情况下使用Mix,但在某个时刻,你可能需要一些静态数据、一些路由、交互。。。因此,如果您需要的不仅仅是硬编码的JSON数据,请使用框架。Laravel非常适合原型设计,但它并不是唯一一个。

最新更新