第三方插件的按需引入
我们在项目中经常会需要引入第三方插件,如果我们直接引入整个插件,会导致项目的体积太大,我们可以借助 babel-plugin-component ,然后可以只引入需要的组件,以达到减小项目体积的目的。以下为项目中引入 element-ui 组件库为例:
(1)首先,安装 babel-plugin-component :
npm install babel-plugin-component -D
(2)然后,将 .babelrc 修改为:
{
"presets": [["es2015", { "modules": false }]],
"plugins": [
[
"component",
{
"libraryName": "element-ui",
"styleLibraryName": "theme-chalk"
}
]
]
}
为了优化项目体积,可以使用babel-plugin-component按需引入Element-UI组件。首先通过npm安装该插件,然后在.babelrc文件中配置,指定libraryName为'element-ui'和styleLibraryName为'theme-chalk',这样就能实现按需加载,减少不必要的资源消耗。
5231

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



