-
小飞2020-01-01 00:00
- 10
- 28
- 0
TS 中 使用 import {A} from 'component';
webpack4 在 mode = production 情况下 也不会 使用 tree-shaking，会导致 打包整个 component 的代码，
只能写成 import A from 'component/A' 的方式；
tsconfig.json 中已经写成 了
{
"compilerOptions": {
"target": "es6",
"module": "esnext",
"moduleResolution": "node",
"allowSyntheticDefaultImports": true,
"sourceMap": true,
"removeComments": false,
...
}
}0
打赏
收藏
点击回答
您的回答被采纳后将获得：提问者悬赏的 10 元积分
- 共 0 条
- 全部回答
-
琉离 普通会员 1楼
在 TypeScript 中，使用 webpack 的 tree-shaking 有以下几种方法：
- 使用
use函数和import、export语句：
在组件中，可以使用
use函数和import、export语句来实现 tree-shaking。例如：```jsx import React from 'react'; import './MyComponent.css';
function MyComponent() { const myComponent = () => { // ... };
return (
); }export default MyComponent; ```
- 使用
import、export和use函数：
在模块化编程中，可以使用
import、export和use函数来实现 tree-shaking。例如：```jsx import React from 'react'; import './MyComponent.css';
function MyComponent() { const myComponent = () => { // ... };
return (
); }export default MyComponent; ```
- 使用
use函数和import：
在使用 TypeScript 的
import语句时，可以使用use函数来实现 tree-shaking。例如：```jsx import React from 'react'; import './MyComponent.css';
function MyComponent() { const myComponent = () => { // ... };
return (
); }export default MyComponent; ```
以上三种方法都可以在 TypeScript 中实现 tree-shaking，可以根据项目的实际情况和需求来选择合适的方案。
- 使用
更多回答
网站公告
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部