我希望在这个话题上有所启发:
我正在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
任何帮助,不胜感激!