时间:2021-05-25
基于webpack的配置调试
使用Vue-cli命令行工具初始化基于wabpack模板的项目的命令语法:
npm install -g @vue/cli # 全局安装vue-cli,版本vue3.xvue init webpack [my-project] [app-name] # 使用vue-cli初始化一个完整的webpack项目。cd my-project # 进入目录npm install # 安装依赖 (package.json)npm start # 启动开发环境版本在config/index.js文件中更改devtool配置为source-map:
module.exports = { devtool: 'source-map',//默认是:cheap-module-eval-source-map}设置为source-map,则可以生成.map文件,在chrome浏览器中调试的时候可以显示源代码,效果如下:
cheap-module-eval-source-map选项效果:
webpack中devtool的其它选项各代表什么呢:
基于vue-cli的配置调试
vue-cli是基于webpack的打包的效果和上面的一样,只是配置不一样。
在vue.config.js文件中加如下配置即可:
module.exports = { configureWebpack: { devtool:'souce-map' }}vscode编辑器调试
vscode 调试一直有问题,debug模式已启动一会就一定卡死,尝试很多方式没成功过
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例为大家分享了VueJS实现用户管理系统的具体代码,供大家参考,具体内容如下源代码用户管理系统$(function(){letvm=newVue({el:
本文实例讲述了Android编程实现简单的UDPClient。分享给大家供大家参考,具体如下:该代码在4.2.2内调试通过1.记得加权限注意:Android4.
本文实例为大家分享了vuejs实现下拉框菜单选择的具体代码,供大家参考,具体内容如下方法一:exportdefault{data(){return{isShow
在Python3环境下,调试实现了《大话设计模式》中简单工厂模式,通过定义单独的工厂类,完成对具体的产品的实例化,参考链接具体实现见代码:#!/usr/bin/
本文实例为大家分享了Vuejs实现单文件组件的方法,供大家参考,具体内容如下代码如下:example.htmlVuecomponent//引入组件mycomp.