和webpack一起使用自定义手写笔软件包？
和webpack一起使用自定义手写笔软件包？
提问于 2017-08-21 05:24:52
我有一个自定义的手写笔包托管在一个私有的github库中，我将它包含在我的包清单中。在npm install之后，它现在位于我的node_modules目录中，目录结构类似于：
node_modules
|
----my-custom-package
|
----package.json
webpack.config.js
src/
|
----index.js (which just imports css/index.styl)
css/
|
----index.styl
...bunch of other .styl files使用webpack 1.13和手写笔加载器2.5.1，我如何设置它能够导入和使用我的自定义包中的所有内容？我的webpack配置文件中有没有可以加载这些文件的东西？我是否在我的基本.styl文件中包含了某种@require 'my-custom-package'？在我的入口App.js文件中有一个import 'my-custom-package'？
回答 1
Stack Overflow用户
发布于 2017-08-21 23:09:46
这就是我最终要做的：
在我的应用程序的index.styl中，我需要自定义样式文件(~是node_modules目录的缩写)：
@require '~my-custom-package/src/css/index';然后在我的webpack配置中，我编辑了我的手写笔加载器，将路径包含到我的自定义包中，并添加了resolve url，以便手写笔加载器可以解析我的自定义包样式文件中的相对路径：
{
test: /\.styl$/i,
include: [
path.join(__dirname, 'src'),
path.join(__dirname, 'node_modules', 'my-custom-package')
],
loader: 'style-loader!css-loader!stylus-loader?resolve url'
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45786932
复制相关文章
相似问题
腾讯云开发者
