当引入非Ionic标准插件时,会碰到需要独立引入JS与CSS文件。
JS相对比较容易,但CSS需要修改打包配置文件。
修改package.json, 定义我们自定义的copy配置文件
"config": {
"ionic_copy":
"./config/copy.config.js"
},
在工程根目录下新建config目录,添加copy.config.js文件,
文件中写入:
module.exports = {
copyCropperjs: {
src: ["{{ROOT}}/node_modules/cropperjs/dist/cropper.min.css"],
dest: "{{BUILD}}"
}
}
最后在index.html中引入相应的css即可。
<link
rel="stylesheet"
href="build/cropper.min.css">
本文介绍如何在Ionic项目中引入非标准插件的CSS文件,包括修改打包配置以确保正确加载自定义样式。
2956

被折叠的 条评论
为什么被折叠?



