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