webpack配置热加载webpack-dev-server

在开发过程中,热加载的功能,修改内容后,会自动刷新页面,而不需要手动刷新页面,更方便了开发。 webpack中配置热加载需要webpack-dev-server依赖包,首先安装依赖。 npm install webpack-dev-server -D...
2018-05-13 浏览 665

webpack中配置css-loader,style-loader解析css

webpack默认情况下是不能解析css文件及其他文件中的css。需要配置css-loader及style-loader。 首先安装css-loader及style-loader依赖包。 css-loader和style-loader的区别是css-l...
2018-05-12 浏览 556

webpack配置sass-loader解析scss,sass

方便css的书写,可以在webpack中使用sass,需要配置sass-loader,使webpack解析sass语法。 首先安装node-sass sass-loader css-loader style-loader 依赖。 其中sass-load...
2018-05-12 浏览 769

nuxt.js头部head中添加script标签

修改nuxt的配置文件nuxt.config.js javascript module.exports = { /* ** Headers of the page */ head: { // 其他配置省略 script: ...
2018-05-11 浏览 998

webpack中配置html-webpack-plugin自动生成html文件

在webpack打包的时候,html-webpack-plugin插件可以自动生成html文件,并且引入生成具有hash值的js文件。 下面介绍一下webpack中如何配置html-webpack-plugin 首先安装html-webpack-pl...
2018-05-07 浏览 527

js中展开运算符...的用法

es6中新添加了展开运算符,其中展开运算符可以用来操作数组和对象。 - 追加数组或对象中的内容 - 合并数组或对象 - 复制数组或对象 1.追加或合并对象中的内容 javascript const foo = { name: 'lisi', ...
2018-05-03 浏览 571

js之this分析

js中的this关键词很有趣,下面我们来分析一下关于this指向的几种情况。 1.函数中的this javascript function foo() { console.log(this) } foo() 运行foo函数时候,this为默认绑定...
2018-05-01 浏览 533

koa2中如何接收post,get提交的参数

koa2是一个node.js框架,在前后台数据交互中,需要经常接收post,get请求的参数。 koa2接收post请求参数 koa2框架本身已经没有接收post请求参数的功能,需要安装koa-bodyparser依赖 npm i koa-bod...
2018-05-03 浏览 536

webpack配置vue-loader解析vue文件

现在大部分的打包工具用的仍然是webpack,vue的官方脚手架vue-cli就是利用webpack进行文件的构建打包。 webpack默认情况下不能解析vue文件进行打包。 下面介绍一下如何配置webpack来解析vue文件。 在webpack的配置文...
2018-05-06 浏览 1115

path.resolve和path.join的区别

path模块是node.js本身的一个模块。 在拼接路径的时候经常用到path.resovle和path.join。path.resolve和path.join有什么区别呢? 例:在根目录kkfor下有一个src目录,src路径为/kkfor/src...
2018-05-01 浏览 642