先执行npm i
安装依赖 在node@16
下进行操作
-
在
rollup
配置了preserveModules: true
的情况下, 执行npm run build-rollup
之后,生成了dist
目录,但是dist
目录下会有node_modules
(里面是一些第三方依赖库),怎么把这个目录删掉,只保留src
目录下的结构
打包完之后,进入到example
演示项目下,明明只在项目中引入了一个Test
组件,为什么执行执行项目打包的时候,会把所有的内容都打包进去了,打完包之后可以进入到example/dist
下的js可以搜索到better-scroll
,Test
组件是一个干净的组件(没有引入better-scroll)。
看起来是tree-shaking
失效了,但是我打包出来的文件dist/es/index
明明就是用ESM
导出的,怎么才可以按需引入
- 我在rollup.config.js中设置
externals
里忽略了对.scss
文件的打包,在MultiTab
的tab.js
中我引入了scroll
组件是一个vue组件
在tab.js
有一行是对scss
文件的引入import './tab.scss'
,但是打包之后的tab.js
文件中这个路径就变成了import '../../src/components/MultiTab/tab.scss'
是一个错误的路径,如果我把这个scroll
组件删掉不引入的话,打包后的路径就还是import './tab.scss'
对的路径。引入js文件不会导致这个问题,是什么原因呢?该怎么解决