webpack
雪狼之夜
node同构工程师(全端全栈)、云开发、PC端、H5、谷歌插件、安卓端、ios苹果、各系小程序,小程序插件、除桌面应用程序未实践外,其他端均有3到10年经验。博主分享的这些开发经验是为了让你早点下班陪女朋友,陪老婆孩子。不是让你能者多劳!!!!!!
展开
-
vue 打包 报错ERROR in static/js/app.xxxx.js from UglifyJs解决方案
我的 群153181864 前端交流群,绝对原创,转载请附上 本微博链接。如果对你有帮助 ,打赏下哦~1、我碰到的问题是在vue cli2的老项目,dev 正常 bulid就出问题了 爆料一个错误ERROR in static/js/app.a3de08458024b698a407.js from UglifyJsUnexpected token: name (index) [./~/_debug@4.1.1@debug/src/browser.js:155,0][static/js..原创 2020-06-30 15:06:58 · 7441 阅读 · 3 评论 -
vue ajax请求数据不更新 解决方案
这个问题 卡我好久,找到方法了,分享出来吧举个简单例子 {{a}}原创 2017-10-20 15:51:48 · 6995 阅读 · 3 评论 -
nuxt 的异步请求方式 await axios和 axios区别
因为 博主发现 nuxt晚上资料很少,所以决定 做个来给大家分享下吧同样的一个循环 {{ post.title }} 正常 我们的写法是 这个好处是 结构很能返回 所有是配置信息 asyncData ({ params }) {//请求 return axios({ method: 'get', url: 'htt原创 2017-10-30 21:50:35 · 11253 阅读 · 2 评论 -
nuxt引入第三方插件的方法 比如jQuery
第一种 npm install --save jquery先下下来 webpack的 jquery然后 nuxt.config.jsconst webpack = require('webpack')module.exports = { build: { plugins: [ new webpack.ProvidePlugin({原创 2017-10-31 00:38:31 · 17052 阅读 · 0 评论 -
nuxt vuex状态树bug
nxut 的 状态树 官方网站有个BUG。竟然说不用 引入 vuex,比较坑的 ,其实是他那套nuxt-community/starter-template 不用引入而已,如果你从头开始搭建 是要引用的,npm install --save vuex自学的孩子伤不起,哎~~~~博主这种踩坑精神 你不点赞良心过的去吗好,点不点赞看你了,或者 可以加入 我的原创 2017-10-31 11:18:53 · 1122 阅读 · 0 评论 -
webapck gift 问题
如果你的JS文件用 gift 命名,你会发现页面不完全编译的,所以这里可能要提醒下,.js文件名别包含 gift的单词原创 2017-10-23 16:43:49 · 239 阅读 · 0 评论 -
nuxt的 nuxt-link 有个坑
如果你跟着nuxt的案例走,记住 ,所以目录 比如 PAGES 目录 你最好小写 pages 所有目录都小写因为 当你敲下面哪行代码 时 {{ post.title }}name其实指向的是路由,而路由死活区分大小写的 注意 to后面区分大小写!!!所以如果你目录是 大写的 PAGES 以上代码要写成 {{ post.title }}原创 2017-11-01 16:27:12 · 17514 阅读 · 1 评论 -
nuxt之axios 二次封装
所以,这个坑好深。找了一天 直接贴出nuxt官网给的 demo吧,你看了就懂了,https://github.com/nuxt-community/express-template/tree/master/template不懂的小白继续往我下面看吧首先说下封装的意义吧,axios 的请求路径 我测试的时候用的接口站提供的 链接 url和我正式部署上去服务器的 域名url肯定是不原创 2017-11-01 22:27:02 · 11479 阅读 · 1 评论 -
nuxt 引用scss 文件
很奇怪,scss文件其实是可以引用的 ,但是有人来问博主 他已经安装好了node-sass、sass-loader 但是还是编译不了,后面博主远程了下 ,其实根本是没安装的,因为他npm install 之后 代码继续往下走,他以为安装过了,现在博主来教下大家 怎么正确安装scss的 首先 npm install cnpm cnpm install node-sass原创 2017-10-31 13:18:46 · 6112 阅读 · 0 评论 -
图片上传两次,ajax上传2次解决方案
async: false, cache: false,直接说重点 你用的是ajax就要注意 1、第一种可能性 你用了 sumbit 类型的 input来做提交2、你$,ajax 请求没有用同步原创 2017-10-26 16:20:19 · 1998 阅读 · 0 评论 -
nuxt sass全局变量也就是公共 scss 解决方案
恩,经过朋友的帮助搞定的,因为 nuxt资料比较少的原因,很感谢 “包子”的帮助我直接上案例吧http://download.csdn.net/download/xuelang532777032/10050330案例里面有运行说明我建议你还是跟我一步一步来走,比较刻骨铭心第一步新建文件夹assets然后新建两个scss文件 a1.scss cyc.scssa1.scss...原创 2017-11-02 15:05:09 · 11218 阅读 · 1 评论 -
Uncaught InvalidCharacterError: Failed to execute 'setAttribute' on 'Element': '"' is not a valid at
前提你用的是VUE结果报这个错,如果你在赋值的时候报错,你就进队地方了,这意味着 你data:{} 子vue变量 跟 调用他的父级变量变量名重复了,你在data里面的那个报错的变量名加个1看看原创 2017-10-26 17:39:15 · 14774 阅读 · 1 评论 -
nuxt文本编辑器Vue-Quill-Editor
引言:一开始 想用 百度的那款ueditor编辑器的 ,貌似有好多功能我不要的 ,在加上一个 他线上版本 没有 编译版的 ,至少我是没找到,所以就另外找找,后面让我找到了Vue-Quill-Editor 于是 就去试了下,果然是可以的Vue-Quill-Editor 官方有给demo了 vue的 和 nuxt都有https://github.com/surmon-china原创 2017-12-20 22:35:32 · 2840 阅读 · 0 评论 -
element table 保持勾选解决方案
问题描述:table 会在你 :data刷新数据的时候 清空你之前 人为或事件操作的 勾选状态这种在你做类似 websocket 推送刷新数据时会非常头疼,看了很多晚上的解决方案 基本就2种要么是 缓存 check 属性 到 数据里,要么 是 直接 this.$refs.tableObj.toggleRowSelection其实element 他有一个属性的re...原创 2018-11-21 11:18:48 · 11011 阅读 · 3 评论 -
unexpected token:name(m) 報錯解決方案
这个报错,比较啃爹的 我直接上图我先来描述下问题:我正常webpack打包 vue的js 文件是没问题的,但是 在我压缩打包的时候就踹这个问题了 注意看报错 from UglifyJs 很明显就是 问题出在UglifyJs 我去查了下资料 原来我的版本 UglifyJs 是不支持 打包 包含ES6的代码的官方的文档是这么解释的 官方文原创 2017-10-18 21:35:43 · 9937 阅读 · 1 评论 -
cnpm不是内部或外部命令 cnpm: command not found 解决方案 cnpm
问题是处在于 你没用用淘宝的镜像 安装cnpm不信 你打下cnpm -v, 看是 是不是也不是内部命令;好了,那就安装下吧npm install cnpm -g --registry=https://registry.npm.taobao.org原创 2017-03-22 09:46:28 · 25799 阅读 · 0 评论 -
node更新版本后 sass文件 编译报错
搞了2个小时 ,哎,东拼西畴终于找到了 解决方案,来吧 我们想描述下 问题:我更新了 node的版本,然后发现 原来可以编译通过的 sass不能用了,RTBD,不带这么玩人的,后面找了 网上很多资料,基本都是1半一半的资料,然后我就成功了,我说下我的流程吧1、npm rebuild node-sass 你会发现 他会报错,注意看 报错的 代码 ,好看到了吧,不用怀疑原创 2017-09-27 18:29:00 · 1642 阅读 · 0 评论 -
webpack loader 一览表
约定loader一览表扩展名语义loader举例.jsreturns module exportsbabel-loader.tsreturns module exportsts-loader.coffeereturns module exportscoffee-loader coffee-redux-loa转载 2017-03-23 16:58:21 · 2004 阅读 · 0 评论 -
webpack2 引入sass 解决方案
webpack.config.js的同目录新建一个postcss.config.js代码如下module.exports = { plugins: [ require('autoprefixer')({browsers:'ios >= 8'}) ]}webpack.config.js 里 如下// 引入 npm install style原创 2017-03-31 16:45:50 · 4166 阅读 · 1 评论 -
webpack打包1
很多人 下了淘宝镜像安装了 还是跑不通 w3c里面的教程 因为坑很多1、你要先执行 npm install webpack -g2、用淘宝镜像 安装 cnpm npm install cnpm -g --registry=https://registry.npm.taobao.org 3、好了 接下去 你就可以 继续按照 w3c里的 教程里的 创建项目 那个栏原创 2017-03-22 17:55:02 · 360 阅读 · 0 评论 -
webpack如何 安装label 包
install react react-dom babel-loader less-loader css-loader style-loader url-loader file-loader babel-preset-es2015 babel-preset-react --save-dev转载 2017-03-24 15:04:27 · 3029 阅读 · 0 评论 -
webpack2 打包后生成的js目录根打包前目录一样
原创 2017-03-31 18:04:23 · 1895 阅读 · 0 评论 -
react生成之后容量 太大 解决方案
首先你是不是webpack 打包 react之后就悲剧了,直接出来一个 660k的 js 是不是震惊了 ?在看看我压缩过的是不是又震惊了好 直接告诉你为什么把首先你得有webpack.config.js文件 配置下 plugins:[ new webpack.DefinePlugin({原创 2017-03-24 18:15:47 · 13282 阅读 · 0 评论 -
webpack 时时编译
webpack --watch也就是 保存下文件夹编译一次原创 2017-04-11 15:16:26 · 642 阅读 · 0 评论 -
webpack css引入字体 解决方案
{ test:/\.(png)|(jpg)|(gif)|(woff)|(svg)|(eot)|(ttf)$/, use: [ { loader: "url-loader", options: { limit:50000, //小于50K的 都打包 name:"[hash:8].[n原创 2017-05-24 14:41:22 · 11097 阅读 · 2 评论 -
webpack2 打包 react
1、新建三个文件结构如下:webpack.config.jsvar webpack=require('webpack');//var HtmlWebpackPlugin = require('html-webpack-plugin');const path = require('path');const BEFORE_PATH = path.join(__dirnam原创 2017-03-27 11:42:58 · 1604 阅读 · 0 评论 -
下载prerender-spa-plugin 失败解决方案
MD最近在研究prerender-spa-plugin 各种github案例项目下下都是一个结果,直接报错的,麻烦各位更新的时候把安装步骤 附上好吗,本人文化水平低的小白很难如坑的,不说了,来吧,说说 问题吧本人碰到的问题 跟解决方案我更新prerender-spa-plugin 发现运行 下去都是 error报错 安装不成功,但是他会提示你对downlo原创 2017-09-28 10:26:03 · 4183 阅读 · 0 评论 -
The "data" option should be a function that returns a per-instance value in component definitions.
问题是这样的 vue我建了个vue组件 代码如下 export default { // props: ["data-add"], data:{}, mounted:function(){ var m=this; }, methods:{ } } 什么都还没做 莫名奇妙就报错了The "data" option sh原创 2017-10-08 11:26:51 · 10618 阅读 · 1 评论 -
Cannot assign to read only property 'exports' of object '#<Object>' 解决方案
这个 报错是在我的vue单文件里面发生的 ,当时 我想用一个 。vue的组件 引用 另一个。vue的组件,于是我代码如下import ab from './ab.vue';//列表顶部的新增等按钮 module.exports={ 只是测试的 别纠结我的命名然报Cannot assign to read only property 'exports' of object原创 2017-10-08 10:37:42 · 15334 阅读 · 2 评论 -
cant not find jquery
我猜下,你应该是下的 github案例 然后 里面 里面有Jquery 链接 ,然后你要用 webpack 配合vue预加载 然后报这个错了,好吧,不废话 你暂时把 。html里面的 引用 jquery链接换成这个看看http://code.jquery.com/jquery-latest.js不用谢 请叫我雷锋好,点不点赞看你了,或者 可以加入 我的 群15原创 2017-09-28 14:51:13 · 395 阅读 · 0 评论 -
webpack引用 jquery
为了项目进度,所以没时间研究怎么个优化法,引入JS很简单的 两行代码npm install expose-loader --savenpm install jquery --save然后你调用的地方var $ = require("jquery");$(function(){ $("body").html("");})就是这么简单。请关注这篇博文,因为我后期原创 2017-03-29 16:46:17 · 1208 阅读 · 0 评论