猿问

有没有人遇到过这个问题哈!vue-cli3创建的项目,开启 sideEffects: ["*.css"] 后,.vue里的style样式被丢弃了

我用cli3新建的项目,如下配置
"sideEffects":[
"*.css"
]
然后打包,直接打开dist/index.html发现页面的样式都被丢了。
大神门怎么整这个问题,我现在项目想用treeshaking删除多余代码和插件,但是碰到这个问题。
GCT1015
浏览 921回答 2
2回答

森栏

解决办法:直接打开dist/index.html当然样式丢了。引入路径是绝对路径如/css/style.css,直接打开就会从本地文件根目录索引file://css/style.css。题外话:sideEffects是设置导入模块的副作用。即指定哪些模块有副作用,需要在打包的时候不要错误删除了这些模块的代码。在webpack中任何导入的模块都受到tree-shaking的影响,都依赖ES2015的静态节模块结构特性。设置csssideEffects是为了让导入的css模块不被错误删除。

慕沐林林

我找到答案了,但我不知道你有没有找到;"sideEffects":["*.css*","*.vue"],vue的文件是有副作用的;我也是惶然大悟
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答