Question

我正在尝试同时翻译.ts (TYPESCRIPT)和.scss (SASS)文件。.

正在发生的问题有两个：

1）它不会在我的dist目录中生成我的文件，而是在构建文件夹中创建一个dist目录。

2）它正在创建.js和.map文件，而且它没有模仿.css和.ts文件。（为什么它会创建其他文件，而不会模仿？）

PACKAGE.JSON

{
  "scripts": {
    "build": "yarn sass",
    "sass": "parcel watch --no-cache ./scss/*.scss ../../dist/css/index.css",
    "ts": ""
  },
  "devDependencies": {
    "parcel-bundler": "^1.11.0",
    "sass": "^1.17.0"
  },
  "dependencies": {
    "bootstrap": "^4.2.1",
    "jquery": "^3.3.1"
  }
}

Answer 1

使用Parcel，在package.json中不需要单独的脚本。您只需要向要编译的文件添加引用或导入即可。例如：

index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Link to your Sass file -->
    <link rel="stylesheet" href="./style.scss" />
  </head>
  <body>
    <!-- Link to your TypeScript file -->
    <script src="./index.ts"></script>
  </body>
</html>

，然后您只需从终端或通过package.json中的脚本运行parcel index.html：

"start": "parcel index.html",

或者，如果直接编译TS，则可以直接在TS文件上运行parcel，例如为此文件：

index.ts

import "style.scss"; // Sass file import

console.log("Hello World!");

您可以运行parcel index.ts，Parcel将同时编译TS和引用的Sass文件。

如何与包裹捆扎机正确地转运？

1 个答案: