rookie-hhm / multab-test

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

操作

先执行npm i 安装依赖 在node@16下进行操作

问题

  1. rollup配置了preserveModules: true的情况下, 执行npm run build-rollup之后,生成了dist目录,但是dist目录下会有node_modules(里面是一些第三方依赖库),怎么把这个目录删掉,只保留src目录下的结构

打包完之后,进入到example演示项目下,明明只在项目中引入了一个Test组件,为什么执行执行项目打包的时候,会把所有的内容都打包进去了,打完包之后可以进入到example/dist下的js可以搜索到better-scrollTest组件是一个干净的组件(没有引入better-scroll)。

看起来是tree-shaking失效了,但是我打包出来的文件dist/es/index明明就是用ESM导出的,怎么才可以按需引入

  1. 我在rollup.config.js中设置externals里忽略了对.scss文件的打包,在MultiTabtab.js中我引入了scroll组件是一个vue组件

tab.js有一行是对scss文件的引入import './tab.scss',但是打包之后的tab.js文件中这个路径就变成了import '../../src/components/MultiTab/tab.scss'是一个错误的路径,如果我把这个scroll组件删掉不引入的话,打包后的路径就还是import './tab.scss'对的路径。引入js文件不会导致这个问题,是什么原因呢?该怎么解决

About


Languages

Language:JavaScript 70.4%Language:Vue 25.6%Language:SCSS 2.5%Language:HTML 1.5%