3 上海_彭彭

尚未进行身份认证

暂无相关简介

等级
TA的排名 1w+

webpack- 两种方法解决: You are using the runtime-only build of Vue where the template compiler is not报错

安装vue安装命令如下:npmivue-S在webpack使用vue在main.js导入vueimportVuefrom'vue'varvm=newVue({el:'pp',data:{msg:'我是个好学生,爱学习,爱劳动,自己的事情自己做'}})...

2019-08-22 15:23:03

webpack中配置babel 来处理高级js类型语法

安装babel相关的插件npmibabel-corebabel-loaderbabel-plugin-transform-runtime-Dnpmibabel-preset-envbabel-preset-stage-0-D这个两套都需要安装在webpack的配置文件添加匹配规则...

2019-08-21 18:56:51

webpack-babel解决babel-loader@8.0.5 requires a peer of @babel/core@^7.0.0 版本兼容的问题

#第一套包,相当于babel的转换工具npmibabel-corebabel-loaderbabel-plugin-transform-runtime-D#第二套包,babel的语法npmibabel-preset-envbabel-preset-stage-0-D##安装第一个包出现报警告babel-loader@8.0.5requiresapeero...

2019-08-21 18:29:20

webpack-使用url-loader处理字体文件

把字体文件放到icons文件下在css引用这个.icon{width:50px;height:50px;background:url("../icons/check-circle.svg");background-size:cover;}in...

2019-08-21 16:56:20

webpack-使用url-loader处理url 图片

安装url-loadernpmiurl-loaderfile-loader-Dfile-loader是依赖包。在images文件夹放一个图片,test.jpg配置规则如下:module:{//这个节点用于配置所有的第三方模块加载器rules:[//所有第三方模块的匹配规则{test:/\.css$/,use:['st...

2019-08-21 16:06:19

webpack-配置处理less 文件的loader

Less是一门CSS预处理语言,它扩充了CSS语言,增加了诸如变量、混合(mixin)、函数等功能,让CSS更易维护、方便制作主题、扩充。安装less-loadernpmiless-loader-D安装依赖包less,npmiless-D定义less匹配规则module:{//这个节点用于配置所有的第三方模块加载器rules:[...

2019-08-21 13:33:31

webpack-loader处理css样式表

我们想在main.js导入咱们的样式,import'./CSS/index.css'在css目录下创建inex.css然后把index.html的style放到这个文件里*{padding:0;margin:0;}.form{width:500px;margin:100pxauto0;}table{...

2019-08-21 00:11:27

html-webpack-plugin的两个基本作用

我们知道前面bundle.js是保存在内存中,优点就是速度快,那咱们也想让html也放到内存中,就要用到一个插件html-webpack-plugin首先先安装这个插件npmihtml-webpack-plugin-D导入在内存中生成html页面的插件进入webpack.config.js里添加内容如下:constpath=require(...

2019-08-20 22:56:19

webpack-dev-server的 常用命令参数01

自动打开浏览器"scripts":{"test":"echo\"Error:notestspecified\"&&exit1","dev":"webpack-dev-server--open","build":"webpack--modeproduction"在dev执行命令里使用webpack-dev-serve...

2019-08-20 19:02:04

前端应用_webpack-dev-server的基本使用_ 实现自动打包

在使用之前要先要先安装,安装的命令如下:npmiwebpack-dev-server-D看是否有提示需要安装webpack,webpack官方支持在本地安装npmiwebpack-D我的安装目录如下:"devDependencies":{"webpack":"^4.39.2","webpack-cli":"^3.3.7",...

2019-08-20 18:28:39

前端应用_webpack_基本的配置文件使用

咱们的目标是,直接用webpack就直接帮我们打包,不需要输入源文件和目标文件webpack.\src\main.js-o.\dist\bundle.js 如何能做到呢,就需要我们配置文件了在项目目录下添加一个配置文件名字为webpack.config.js,添加这个配置文件的目的就是添加入口的文件和打包后的文件路径。constpath=requ...

2019-08-20 14:14:05

webpack4.0-解决webpack 报The 'mode' option has not been set, webpack will fallback to 'production' fo

升级webpack4.0后,打包报如下错误:WARNINGinconfigurationThe'mode'optionhasnotbeenset,webpackwillfallbackto'production'forthisvalue.Set'mode'optionto'development'or'production'toenablede...

2019-08-20 13:53:46

前端应用-webpack-解决webpack 报错Module not found: Error: Can't resolve '.\dist\bundle.js' in 'D:\tasks_

当我使用命令webpack.\src\main.js.\dist\bundle.jsmain.js是源文件,bundl.js是生成的文件,但是报错如下:这是为什么呢?原因是我的webpack版本过高,原来的命令已经不适用了如下查询版本号:那应该如何解决?更换打包命令为:webpack.\src\main.js-o.\dist\bundle.js其中...

2019-08-20 11:46:43

前端应用_webpack_基本的使用方式

webpack安装的两种方式使用npmiwebpack-g是全局安装,安装一次以后就不需要安装了在项目根目录中运行‘npmiwebpack--save-dev’安装项目依赖中,只是针对这个项目,其他项目不可以用创建项目目录结构安装jquery在主目录执行npminit-y进行初始化执行npmijquery...

2019-08-19 18:41:09

前端应用_webpack_理解webpack的概念

在网页中引用的静态资源?jscssimages模板文件.ejs,.jade.vue[webpack中定义组件的方式推荐的方式]网页引入静态资源多了以后有什么问题?网页加载速度慢,因为有可能有很多的二次请求请求js1>依赖请求js2>依赖请求js3要处理错综复杂的依赖关系如何解决上述两个问题?合并,压缩>>&g...

2019-08-19 15:16:40

前端应用_Vue_计算案例-computed监听文本框数据的变化

总结:computed实际是个方法,但是用的时候把他当作一个属性,不需要在后边加()一直监听数据的变化,如果有变化立即返回一个值computed还有一个功能就是缓存的共功能,就是当数据不变化的时候就一直保存之前的值,不管你使用多少次代码如下:<!DOCTYPEhtml><html><head><metacha...

2019-08-18 13:17:16

前端应用_Vue_计算案例-使用watch和keyup监听文本框数据的变化

我们想达到效果就是,当我在一个文本框输入1,在另一个文本框输入2,这个时候不需要点击任何button,第三个文本框要显示3,没有出发事件,就像达到两个值相加,关键点要用到的是监听文本框的数据。下边我介绍两个方法,第一个是keyup事件触发,当我抬起鼠标的时候就自动触发一个相加事件第二个就是神奇的watch监听,他可以监听到新的值变化,推荐这个,比较灵活...

2019-08-18 12:09:48

前端应用_Vue_使用router 设计经典布局

使用经典布局的关键是这个,在根目录配置三个组建,让他同时显示如下:varrouterObj=newVueRouter({routes:[{path:'/',components:{default:tmp1,left:tmp2,main:tmp3,}}],...

2019-08-17 19:15:01

前端应用_Vue_路由-路由的嵌套

总结:如果想嵌套组建,在组建的routes里使用children关键字再套一个路由配置如下:varrouterObj=newVueRouter({routes:[//{path:'/',redirect:'/login'},{path:'/login',component:tmp1,children:[...

2019-08-17 18:02:10

前端应用_Vue_路由传参-使用query方式传递参数

总结:目的获取URL里的参数,例如/login?user=xiaowang,如何把这个参数传递到组建里设置router-linkURL,让它含有参数通过$route.query.name格式获取应用参数到组建去、代码如下:<!DOCTYPEhtml><html><head><metacharset='...

2019-08-17 15:02:59

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 1024勋章
    1024勋章
    #1024程序员节#活动勋章,当日发布原创博客即可获得
  • 勤写标兵Lv4
    勤写标兵Lv4
    授予每个自然周发布9篇以上(包括9篇)原创IT博文的用户。本勋章将于次周上午根据用户上周周三的博文发布情况由系统自动颁发。