随笔分类 - webpack
摘要:目录介绍 src:里面的每个文件夹就是一个页面,页面开发相关的组件、图片和样式文件就存放在对应的文件夹下。 tpl:里面放置模板文件,当webpack打包时为html-webpack-plugin插件提供模板。 tsconfig.json:typescript的配置文件,需要自己新建并编写。 web
阅读全文
摘要:outPut中的publicPath 默认值: 空字符串。 publicPath是非常有必要配置的,他是项目中引入静态资源(js、css)时的基础路径。 例如: 在使用html-webpack-plugin插件打包后的html文件(下图)可以看到,引入js文件的路径为“publicPath+静态资源
阅读全文
摘要:最近尝试用less写界面,webpack进行打包,然后发现每次修改less时都需要重新执行webpack打包一下,于是就想到了webpack热更新这个功能。 一、使用less less是一门css预处理语言,它是拓展了css,增加了变量,Mixin等等。使用less需要安装less服务,less-l
阅读全文
摘要:一、前言 ECMAScript 6(ES6)的发展速度非常之快,但现代浏览器对ES6新特性支持度不高,所以要想在浏览器中直接使用ES6的新特性就得借助别的工具来实现。Babel是一个广泛使用的转码器,babel可以将ES6代码完美地转换为ES5代码,所以我们不用等到浏览器的支持就可以在项目中使用ES
阅读全文
摘要:简介 webpack是一款前端资源模块化管理和打包工具,它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔,等到实际需要的时候再异步加载。通过loader的转换,任何形式的资源都可以视作模块,比如Commonjs模块、AMD模块、CSS、图片、J
阅读全文

浙公网安备 33010602011771号