用webpack全局导入手写笔文件

Question

我已经开始了一个新的项目与vue2与"vue init webpack我的项目“，我正在使用手写笔的造型。到目前为止，它编译了所有的东西。

但是现在我想要一个单独的文件variables.styl，它应该是全局的。

这意味着我不想在我的应用程序中的每个.styl文件中使用"@import('variables.styl')“。我已经找了两个小时了，什么都找不到。

为了这篇文章的篇幅，我不会在这里复制粘贴webpack文件的内容。但是将为您提供以下链接：点击 --我的项目中包含webpack文件的"build“目录

该命令是“节点构建/dev-server.js”。

Answer 1

-cli< 3创建的vue应用程序

根据针式装载机，您可以通过import选项将variables.styl文件路径传递给import加载程序，从而实现这一点，我建议您在src目录中创建新的文件夹styles，以包含所有全局手写笔文件(变量、混合文件、.)，然后将此目录路径传递给导入选项。

• 在build/util.js中，块开始于 返回{ css: generateLoaders()，…… 定义变量var stylesDir = path.resolve(__dirname, '../src/styles')，这将在以后省去很多麻烦。
• 现在查找表示stylus: generateLoaders('stylus')的行，并将此{import: [stylesDir+'/*.styl']}作为第二个参数传递给generateLoaders函数。 它应该看起来像stylus: generateLoaders('stylus', {import: [stylesDir+'/*.styl']})