草庐IT

vue打包

全部标签

javascript - 在 Vue 中代理 webpack 开发服务器

我正在尝试使用vue-axios和vuex将所有api/请求代理到http://localhost:3000。命令行上的输出表明代理已经创建,但它实际上并没有代理到正确的地址和404。我在webpack中有以下设置:dev:{env:require('./dev.env'),port:8080,autoOpenBrowser:true,assetsSubDirectory:'static',assetsPublicPath:'/',proxyTable:{'api/':{target:'https://localhost:3000/api',changeOrigin:true,path

javascript - 我可以修改 Vue.js VNodes 吗?

我想为child分配一些属性和类VNode通过data目的。那只是有效。但是在我的Vue.js调查中,我没有看到使用这种模式,这就是为什么我认为修改children不是一个好主意VNode的。但这种方法有时会派上用场——例如,我想为默认插槽中的所有按钮分配aria-label属性。请参见下面的示例,使用默认的有状态组件:Vue.component('child',{template:'Myroleis{{$attrs.role}}',})Vue.component('parent',{render(h){const{default:defaultSlot}=this.$slotsif(

javascript - 打包需要 jQuery 的 JavaScript 库的最佳方式?

我正在编写一个非常基本的JavaScript库,它使用jQuery的$.ajax()函数。我应该如何管理这种依赖性?我应该指示我的库的用户自己包含jQuery吗?我应该使用RequireJS或脚本标记插入之类的东西在库中加载jQuery吗?如果后者更好,如果用户已经在使用jQuery,我该如何做到这一点而不会引起冲突? 最佳答案 我认为这有点取决于你是否有更多依赖项,而不是jQuery。如果jQuery是您唯一的依赖项,并且您的库并不真正需要它自己的模块依赖项系统,我不会推荐RequireJS。只需检查您的库中是否存在jQuery,

javascript - 如何在 Vue (Typescript) 中使用 axios?

我想在vue(Typescript)中使用axios,但我的代码遇到了麻烦。这是我的main.tsimportaxiosfrom'axios'Vue.prototype.$axios=axiosaxios.defaults.baseURL='http://192.168.1.225:8088'这是我的vue代码screenshothere这是我第一次使用typescript,之前我在javaScript中用过其他方式,我没有任何问题,那么我如何在TypeScript中使用它呢?感谢您抽出时间提供解决方案。 最佳答案 我这样做并且在m

javascript - Vue Js如何在单文件模板中使用mixins?

大家好,我是VueJS的新手,我正在尝试使用单个文件模板在我的过滤器上使用mixin,但我遇到了一些困难我得到的错误Unknowncustomelement:-didyouregisterthecomponentcorrectly?Forrecursivecomponents,makesuretoprovidethe"name"option.组件.jsVue.component('sideBarOne',require('./component/sidebars/sideBarOne.vue'));sideBarOne.vueimport{defaultasconfig}from'..

javascript - Vue.js : "TypeError: Cannot set property props of#<Object> which has only a getter"

我正在尝试实例化一个Vue组件,但出现错误:[Vuewarn]:Errorinrender:"TypeError:Cannotsetpropertypropsof#whichhasonlyagetter"(foundin)我也在使用库vuedraggable但我认为这个问题更多的是Vue问题而不是vuedraggable问题。下面是我的代码。这里是draggable-list.vue可拖动列表.jsconstdraggable=require("vuedraggable");module.exports={name:"draggable-list",components:{dragga

javascript - 如何使用 Webpack 将我的 React 网站打包到 'production'?

我设法使用了这个react-hot-boilerplate配置脚本来创建和测试一个简单的ReactFluxwebapp。既然我在运行npmstart时就有了一个我喜欢的网站,那么在配置中添加生产构建的最简单/最好的方法是什么?当我使用那个“package”命令时,我想要一个小的prod文件夹,其中包含我需要的所有最终html和缩小的js文件,这是我应该期待的吗?这是我的package.json:{"name":"react-hot-boilerplate","version":"1.0.0","description":"BoilerplateforReactJSprojectwith

javascript - Vue.js - 应该使用哪个组件生命周期来获取数据?

在阅读了Alligator.io的一篇关于Vue的帖子后,它说挂载的生命周期不适合使用httpget。我想知道是否有关于如何在Vue.js中正确地从API获取数据的指南? 最佳答案 我更喜欢在创建的钩子(Hook)中调用API。引自alligator.io:Inthecreatedhook,youwillbeabletoaccessreactivedataandeventsareactive.TemplatesandVirtualDOMhavenotyetbeenmountedorrendered.因此,如果需要,您可以轻松访问数据

javascript - 如何将 vue.js 与 django 集成?

这是带有vue.js的单页应用程序,它进行了一些简单的计算,我试图在django中实现这个计算,但它没有给我想要的结果。在这里,我在vue.js中创建了动态数组,这只完美地显示了产品的图像,但没有显示product.name和product.sell_price以及@click.prevent="addToCart(product)"这个功能不起作用??我该如何解决?vue.jsnewVue({el:'#posApp',data:{total:0,discount:0,products:[{%forproductinproducts%}{"id":{{product.id}},"nam

javascript - D3.js 中具有自动调整文本大小的可缩放圆圈打包

我正在尝试合并Mike的两个示例:ZoomableCirclePacking+AutomaticTextSizing.它在最初显示在顶层时有效。但是,如果放大到下一级,字体大小会不正确。我不确定我是否需要修改转换,或者修改计算字体大小的部分。这是我的代码笔:http://codepen.io/anon/pen/GJWqrLvarcircleFill=function(d){if(d['color']){returnd.color;}else{returnd.children?color(d.depth):'#FFF';}}varcalculateTextFontSize=functio