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

时间:2019-02-05 14:30:36

标签: typescript sass parceljs

我正在尝试同时翻译.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"
  }
}

enter image description here

1 个答案:

答案 0 :(得分:0)

使用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文件。