vue 项目中,debugger不生效的处理方式。
2024-08-08配置webpack,在vue.config.js给configureWebpack添加devtool:"source-map"键值对。本人亲测,无效.......。我看很多大神的博客是有效的,于是我深入分析了一手。我无效的原因是,我在webpack中添加了太多自定义的东西。导致加了这个键值对只有会出现这种奇怪的情况。近期在项目开发中发现前些年自己封装的架构,在近期的使用中。并且console也总是指向vue编译后的js代码。你的debugger始终会到达这个编译后的函数。属性(亲测有效)操作步骤如下图↓。_vue debugger不起作用
webpack不同环境下使用CSS分离插件mini-css-extract-plugin
2024-05-24不同环境下的打包,如果出现图片显示不了时(特别是css中的图片),请检查publicPath的配置。会开启tree-shaking和js代码压缩,但配置会使默认的压缩功能失效。所以,指定css压缩插件的同时,务必指定js的压缩插件。插件,结合配置,可以把css代码打包到单独的css文件,且可以设置存放路径(通过设置插件的filename和生产环境下不能使用devtool:"inline-source-map",而用devtool:"source-map"_mini-css-extract-plugin