七汐 的胡言乱语

我们之前一直都在用live-server充当本地服务器，其实它和webpack是不搭的，我们可以利用webpack自带的webpack-dev-server来构建一个本地服务器。它让你的浏览器检测你的代码修改，并自动刷新修改后的结果，它是基于node.js构建。webpack-dev-server是一个单独的组件，在webpack中进行配置之前需要单独安装它作为项目依赖。1、安装webpack...

一、webpack 插件机制介绍：插件可以完成更多loader不能完成的功能。插件的使用一般是在webpack的配置信息 plugins选定中指定。Webpack本身内置了一些常用的插件，还可以通过npm安装第三方插件。二、uglify-js介绍：ugligy-js是一个用npm安装的JavaScript代码压工具，我们在grunt和gulp中经常使用。用npm命令进行安装：...

一、live-server服务器介绍：上节课我们用了live-server这个服务器，那这里就给大家介绍一下:live-server是一款简单的开发用的Http服务器。特点就是在你静态文件进行修改后，有自动加载的功能。使用它主要有两个原因：1、对Ajax的操作必须要有服务器的支持，比如用javascript去获取内容。2、浏览器的自动更新，可以加快开发。你不需要安装任何浏览器插件或...

1、新建main.js文件， 创建img标签后，把src的值用require引进来。然后插入标签。 1 2 3 4 5 6 7 var img1 = document.createElement("img"); img1.src = require("./small.png"); document.bo...

作为一个前端，要清楚的知道npm install以下这四种用法，防止项目依赖错误，造成别人下载你的代码没办法跑起来1.npm install xxx:安装项目到项目目录下，不会将模块依赖写入devDependencies或dependencies。2.npm install -g xxx:-g的意思是将模块安装到全局，具体安装到磁盘哪个位置，要看npm cinfig prefi...