search

cantonjs / wxapp-boilerplate

使用 webpack, babel, scss 开发的微信/支付宝小程序项目脚手架
378 stars 60 forks source link

sass中本地图片的引用问题 #32

Open xilin opened 6 years ago

xilin commented 6 years ago

请教一下要如何配置url-loader才能让sass中用url引用图片时能自动处理成base64数据呢？

Cap32 commented 6 years ago

用 url-loader 替代 file-loader。具体用法见 url-loader 文档呗

xilin commented 6 years ago

我试了一下，加了rule保证过滤图片，但是url-loader完全无视sass里的图片url，没有转换

anota commented 6 years ago

同有这个问题 wxml中 url-loader可以转成base64，在sass文件就无法转换 换成base64-inline-loader也一样

anota commented 6 years ago

最近再看了下webpack的配置，如果sass文件需要转成base64，需要再引入css-loader，而且小程序是多页面应用，需要再另外引入插件extract-text-webpack-plugin。这样就ok了。

xilin commented 6 years ago

@anota 可以贴一下配置吗？ExtractTextPlugin的输出写成固定的wxss文件吗？