新手问题 webpacker 里如何 import 到 yarn 包的 css?

QueXuQ · 2017年06月27日 · 最后由 QueXuQ 回复于 2017年06月28日 · 1749 次阅读

看了好多文档,基本都是说,import 目录地址就可以了,可是我怎么操作都没反应,好像是命名空间的问题?

我创建了一个app.jsapp.sass

app.js里面,用import './styles/app.sass';导入 css 文件。

app.sass则使用@import '../../../../node_modules/bootstrap-daterangepicker/daterangepicker.css'导入 yarn 内bootstrap-daterangepicker包的一个 css 文件,可是怎么都不成功。看信息好像是导入进去了,但是就没有任何效果。

请问 Rails 使用 webpacker,应该怎么导入 npm 或 yarn 包的样式呢?

直接在javascript/packs/application.js里导入import 'bootstrap/dist/css/bootstrap.css'了,建个.sass 文件的方式我也没成功

huibin 回复

我尝试直接在 packs 里建一个application.css,然后在 js 里 import 进去,但是查看application.js的文件,里面看到下面:

/***/ }),
/* 222 */
/*!**********************************************!*\
  !*** ./app/javascript/packs/application.css ***!
  \**********************************************/
/*! no static exports found */
/***/ (function(module, exports) {

eval("// removed by extract-text-webpack-plugin//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMjIyLmpzIiwic291cmNlcyI6WyJ3ZWJwYWNrOi8vLy4vYXBwL2phdmFzY3JpcHQvcGFja3MvYXBwbGljYXRpb24uY3NzPzU5MDgiXSwic291cmNlc0NvbnRlbnQiOlsiLy8gcmVtb3ZlZCBieSBleHRyYWN0LXRleHQtd2VicGFjay1wbHVnaW5cblxuXG4vLy8vLy8vLy8vLy8vLy8vLy9cbi8vIFdFQlBBQ0sgRk9PVEVSXG4vLyAuL2FwcC9qYXZhc2NyaXB0L3BhY2tzL2FwcGxpY2F0aW9uLmNzc1xuLy8gbW9kdWxlIGlkID0gMjIyXG4vLyBtb2R1bGUgY2h1bmtzID0gNCJdLCJtYXBwaW5ncyI6IkFBQUEiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///222\n");

/***/ })
/******/ ]);

还是无效,不知道除了这个,还需要另外配置什么的吗?

需要 登录 后方可回复, 如果你还没有账号请 注册新账号