请稍等 ...
×

采纳答案成功!

向帮助你的同学说点啥吧!感谢那些助人为乐的人

按需加载失效的问题

老师您好,请教一下,我理解按需加载指的是,我在本地项目中使用了 button 组件,其他组件不应该打包到最后的代码中去,
但是我在打包后的代码中发现了其他组件的代码,这样是不是没有按需加载成功呢?
使用的是 create-react-app 脚手架,代码如下:

import { Button } from 'vikingship';
import 'vikingship/dist/index.css'

function App() {
  return (
    <div className="App">
        <Button>你好</Button>
    </div>
  );
}
export default App;

打包后的代码如下所示:
图片描述

可以看出,我只使用了button组件,但是本地打包之后,带上了其他组件的代码。

正在回答

5回答

同学你好 问题已经解决

原因是在 package.json 中没有添加 sideEffects 对象,https://webpack.js.org/guides/tree-shaking/#mark-the-file-as-side-effect-free, 现在该字段已经添加,commit 详情请见:

https://git.imooc.com/coding-428/vikingship/commit/f876c19e5672d0ae8df69b60f811188b0f5cd23a

组件库已经发布最新的 1.0.1 版本,经测试已经支持 webpack 的 tree shaking 功能!??

非常感谢同学非常认真的测试提出的问题。


登录后可查看完整回答登录/注册

相似问题

登录后可查看更多问答,登录/注册

问题已解决,确定采纳
还有疑问,暂不采纳
意见反馈 帮助中心 APP下载
官方微信