Parcel 2 - 具有不同 dist-dir 的多个输出？ [scss -> css]

编程问答 2022-05-24

问题描述

我即将从 webpack 转到 Parcel，但是我注意到了一些关于如何将所有内容放在一起的问题。特别是因为我的项目结构与文档中提出的有点不同。

这是我的项目结构

root
- package.json
- js
-- app.js
-- shim.js
- scss
-- main.scss
public

而且我想将 'js' 文件放入 public/，然后将 scss 文件（main.scss）放入 public/css，但我不知道这应该如何与 'targets' 一起使用，并且'source' 在我的 package.json 中。

这是我希望它如何处理份量；

root
- package.json
- js
-- app.js
-- shim.js
- scss
-- main.scss
public
- css
-- main.css
- app.js
- shim.js

package.json

{
  "name": "embed","scripts": {
    "start": "parcel serve ./src/index.html","build": "parcel build ./src/index.html","dev": "parcel serve ./js/app.js ./js/shim.js --dist-dir ./public"
  },"source": ["./scss/main.scss"],"css": "./scss/main.scss","targets": {
    "css": { "distDir": "./public/css" }
  },"browserslist": "> 0.2%","devDependencies": {
    "@babel/core": "^7.13.1","@babel/preset-env": "^7.13.5","parcel": "next","sass": "^1.32.8"
  },"dependencies": {
    "@popperjs/core": "^2.8.3","bootstrap": "^5.0.0-beta2"
  }
}

上述配置根本不会创建任何 css 文件。但如果我添加： "dev": "包裹服务 ./js/app.js ./js/shim.js ./scss/main.scss -out --dist-dir ./public"

它会在 public/scss/ 中生成一个 css 文件。而不是我真正想要的 public/css 。有什么办法可以做到这一点吗？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

parcelparcelparceljswebpackwebpackwebpack