相关疑难解决方法(0)

我一直在敲打这个问题一段时间,我想知道是否有可能开始.感谢您的帮助!

npm包

我有一个npm包,它基本上是一个React组件库.该库具有嵌入式样式表,它引用CSS中的字体和图像等资源.然后使用webpack捆绑这些my-package.js.

这个配置看起来像:

var path = require('path');

module.exports = {
  module: {
    loaders: [
      {
        test: /\.js$/,
        loaders: ['babel-loader'],
        exclude: /node_modules/
      },
      {
        test: /\.css$/,
        loader: "style-loader!css-loader"
      },
      {
        test: /\.(png|jpg|jpeg|gif|svg|woff|woff2|ttf|eot)$/,
        loader: 'file-loader'
      },
      {
        test: /\.styl$/,
        loader: 'style-loader!css-loader!stylus-loader'
      }
    ]
  },
  entry: [
    './lib/components/index.js',
    './lib/index.styl'
  ],
  output: {
    path: path.join(__dirname, 'build/'),
    filename: 'my-package.js'
  }
}

随着./lib/components/index.js看起来像:

import '../index.styl';
import MyComponent from './my-component.js';

export {
  MyComponent
}

到现在为止还挺好.

应用程序

现在在另一个代码库中,我有了主应用程序,它安装了这个npm包.

我的应用程序root需要这个包...

import MyPackage from 'my-package'; …