webpack
一起的远方
我们必不可停止探索,而一切探索的尽头,就是重回起点,并对起点有首次般的了解。
展开
-
webpack系列之webpack介绍及基本配置(含实例)
一、webpack介绍什么是webpackwebpack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其它的一些浏览器不能直接运行的扩展语言(Scss,TypeScript等),并将其打包为合适的格式以供浏览器使用。作用代码转换:如ES6转ES5,Scss(Less)转CSS;文件优化:如压缩代码体积、合并文件;代码分割:如公共模块的抽离、...原创 2019-03-05 21:39:20 · 675 阅读 · 0 评论 -
webpack系列之webpack-dev-server 及配置HTML插件(html-webpack-plugin)
上一节补充:如果存在webpack.config.js文件,则运行npx webpack命令后,将会自动读取文件内的相关配置。我们将webpack.config.js文件名改为webpack.config.my.js文件,那么怎么才能手动指定webpack读取webpack.config.my.js文件里的配置内容呢?别着急,你可以通过如下命令进行实现。npx webpack --confi...原创 2019-03-06 19:00:00 · 5727 阅读 · 0 评论 -
webpack系列之CSS样式处理(含实例)
讲过前两节的接收,我们对webpack有了基本的认识,对HtmlWebpackPlugin插件的各个属性也做了简要的说明,对其他相关属性可以参考。说完了js、html,我们来说一说css相关的配置。首先你可以试验一下,为我们编写的index.html文件编写样式,是不是直接使用相对路径引入css文件就可以了呢。答案是不可以的,因为HtmlWebpackPlugin会将index.html文件原样输...原创 2019-03-19 11:16:09 · 825 阅读 · 0 评论