将SCSS文件发布到NPM软件包Vue-cli 3中

时间:2019-01-30 00:31:09

标签: build sass vue-cli-3

我希望在这个话题上有所启发:

我正在NPM上创建一个Vue.js库,我的一位用户要求我将scss文件添加到内部版本中,以便他们可以对其进行修改。

用户如何修改scss文件并将其编译回我的lib? 会像修改lib的源代码一样是hack还是这种惯例?

如果我将scss外部化为静态文件(我怀疑在public/文件夹中),如何从组件中包含它?

是否有相关文档,我调查了Vue-cli,Webpack和Google,但没有找到指南。


目前,我仅将缩小的CSS文件导出到内部版本中,而我的scss则位于我组件的index.vue中。

我的项目架构是:

| public/
| src/
| assets/
| components/
  |- my-lib/ // Only this folder gets bundled into dist/
     |- index.vue
|- app.vue // My app documentation.

dist/文件夹中,我得到:

mylib.css
mylib.umd.js
mylib.umd.min.js
mylib.common.js
mylib.umd.min.js
demo.html

我将我的lib(带有vue-cli 3)与:

vue-cli-service build --target lib --name mylib ./src/components/mylib/index.vue --dest ./dist

任何帮助,不胜感激!

0 个答案:

没有答案