发布一个需要来自node_modules的CSS的npm包
我试图发布到npm的React组件需要一个CSS样式表,来自我的项目在node_modules
的一个依赖关系。 基本上,我的index.js
文件(将组件暴露给外部世界)看起来像这样:
import Gallery from './containers/GalleryContainer'; require('../../node_modules/jscrollpane/style/jquery.jscrollpane.css'); export default Gallery;
这可以在我的webpack驱动的开发环境中工作,因为webpack拾取CSS文件并将其注入DOM(使用css-loader和style-loader),但是如果我不确定如何打包发布。 我想发布这个包作为ES5,并希望用户能够在ES6上下文(使用webpack / browserify)或直接在浏览器中使用它。
到目前为止,我把我的ES6代码转换成ESB和Babel到preublish的lib
文件夹中。 这需要照顾的JavaScript,但不是它需要的CSS。
我是否必须指示我的图书馆的用户手动链接CSS,还是有一种方法可以使这个require语句是可移植的?
- nodemon,babel-node:如何设置环境variables?
- 使用Nodemon在Node.js v6.2.0上安装Babel V6.x ES7 Async / Await
- babel,带有nodemon脚本的webpack?
- Babel输出文件不存在
- 通过browserify reactjs包脚本不工作在客户端(未捕获ReferenceError:组件未定义)
- 如何将ES6节点和jsx代码编译成ES5 vanilla JS
- Babel / Node / Relay / Webpackcaching?
- 如何从ReactJS组件中删除“onClick”属性?
- 巴贝尔:“关键字'等待'被保留(53:24)”