Как правильно перевозить с помощью Parcel-bundler? - PullRequest
0 голосов
/ 05 февраля 2019

Я пытаюсь перенести файлы .ts (TYPESCRIPT) и .scss (SASS) ..

Возникают две проблемы:

1) Он не генерирует мой файл в моем каталоге dist, он создает каталог dist внутри папки build.

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 голосов
/ 05 февраля 2019

С 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>

, а затем вы просто запускаете parcel index.html из своего терминала или через скрипт в вашем package.json:

"start": "parcel index.html",

Или, если вы компилируете TS напрямую, вы можете просто запустить parcel непосредственно для файла TS, например, для этого файла:

index.ts

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

console.log("Hello World!");

вы можете запустить parcel index.ts, и Parcel скомпилирует как TS, так и указанный файл Sass.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...