webpack
cnmone
这个作者很懒,什么都没留下…
展开
-
使用webpack构建项目构架
title: 使用webpack构建一个项目这篇文章主要讲了如何利用webpack构建一个项目,如何利用webpack-dev-server自动运行修改内容,如何打包css,less等,如何处理图片打包,使用url-loader以及如何使用字体图标。webpack-study新建一个webpack-study项目目录初始化项目npm init -y创建项目目录// 在w...原创 2019-01-17 23:10:34 · 392 阅读 · 0 评论 -
webpack中配置babel
这篇文章主要介绍了如何使用webpack4.x配置babel,以及如何解决babel-loader和babel-core的兼容性问题。1. 使用webpack来配置babel在webpack中默认只能处理一部分ES6新语法,一些更高级的ES6语法或者ES7z语法webpack处理不了,这时候就需要借助第三方loader来帮助webpack处理这些更高级的语法,把这些高级语法转化为浏览器能解析...原创 2019-01-17 23:18:11 · 2530 阅读 · 2 评论 -
在webpack中使用vue
这篇文章主要介绍如何在webpack中使用vue。1. 基于webpack-study构建的项目框架在webpack中使用vue1.1 将webpack-study中除了node_modules文件夹都拷贝到新的项目中,src目录下只保留main.js和index.html1.2 安装vue# 重新安装所有依赖包npm i# 将vue安装到项目的依赖中npm i vue ...原创 2019-01-18 23:05:50 · 668 阅读 · 0 评论 -
vue key值的重复键报错问题以及解决办法
1.问题描述:在vue2.0+ 中做一个公用的评论组件,:key使用的时创建评论的时间,当加载更多的时候,会报错:Duplicate keys detected: '2019-01-24T07:15:35.000Z'.This may cause an update error. 2. 出问题的代码部分:<li v-for="(item, i) in cmtList" :ke...原创 2019-01-26 22:17:20 · 23325 阅读 · 5 评论 -
webpack学习(1)
title: webpack学习这篇文章主要介绍了webpack使用的一个小demo,来学习如何利用webpack构建项目,以及打包js文件,通过安装loader模块打包css,less,sass等文件。1. nrm(牛肉面)的安装使用作用:提供了一些最常用的NPM包镜像地址,能够让我们快速的切换安装包时候的服务器地址;什么是镜像:原来包刚一开始是只存在于国外的NPM服务器,但是由于...原创 2019-01-16 21:29:18 · 171 阅读 · 0 评论 -
Module parse failed: Unexpected character '@' (10:8)
问题出在哪??学习es6的decorator时,由于不兼容需要安装babel-plugin-transform-decorators-legacy "babel-plugin-transform-decorators-legacy": "^1.3.4",安装完成后配置.babelrc文件{ "presets": ["es2015"], "plugins": ["transform...原创 2019-03-27 17:25:37 · 11353 阅读 · 0 评论