Question

我正在使用https://semantic-ui.com/introduction/getting-started.html的指南安装带有Node.js的语义UI。

所以我首先安装Gulp（npm install -g gulp），然后安装Semantic UI（npm install semantic-ui --save），最后我使用

构建

cd semantic/
gulp build

现在我在项目根目录中获得了一个文件夹/semantic/。

问题是我使用的是Express.js，所以我在/views/中拥有所有观点，在/public/中拥有静态文件。

当我使用Gulp构建时，我在/semantic/dist/中获取了js和css文件，因此我无法在客户端上访问它们。

我能做的就是使用

app.use(express.static(path.join(__dirname, 'semantic')));

然后使用

引用css和js文件

<link href="/dist/semantic.css">

和

<script src="/dist/semantic.js">

但我希望这两个文件分别位于/public/css/和/public/js/。

我现在正在做的是将两个文件从/semantic/dist/移到/public/中的两个文件夹，但在https://semantic-ui.com/introduction/getting-started.html，建议使用

<link rel="stylesheet" type="text/css" href="semantic/dist/semantic.min.css">
<script
  src="https://code.jquery.com/jquery-3.1.1.min.js"
  integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
  crossorigin="anonymous"></script>
<script src="semantic/dist/semantic.min.js"></script>

但由于/semantic/未作为静态文件夹添加到Express.js，我无法从客户端访问此文件夹。

我的semantic.json文件看起来像

{
  "base": "semantic/",
  "paths": {
    "source": {
      "config": "src/theme.config",
      "definitions": "src/definitions/",
      "site": "src/site/",
      "themes": "src/themes/"
    },
    "output": {
      "packaged": "dist/",
      "uncompressed": "dist/components/",
      "compressed": "dist/components/",
      "themes": "dist/themes/"
    },
    "clean": "dist/"
  },
  "permission": false,
  "autoInstall": true,
  "rtl": false,
  "version": "2.2.9"
}

是否可以说js文件应该转到/public/js/并将css文件转到此配置文件中的/public/css/？

使用Gulp将语义UI构建到公用文件夹

0 个答案: