摘要: 1. 安装: //loader加载器加载css和sass模块 cnpm install style-loader css-loader node-sass sass-loader --save-dev //loader加载器加载css和less模块 cnpm install style-loader 阅读全文
posted @ 2019-01-20 19:07 songxia777 阅读(986) 评论(1) 推荐(1) 编辑
摘要: 1. 在webpack中加载css需要先安装style-loader 和 css-loader cnpm install --save-dev style-loader css-loader 2. 在webpack中使用postcss自动添加厂商前缀; cnpm install postcss-lo 阅读全文
posted @ 2019-01-20 18:54 songxia777 阅读(1536) 评论(0) 推荐(0) 编辑
摘要: 1. 安装:打包编译时,可以删除一些html中没有使用的选择器,如果html页面中没有class=a class="b"的元素,.a{}.b{}样式不会加载 cnpm install --save-dev purifycss-webpack purify-css glob 2. webpack.co 阅读全文
posted @ 2019-01-20 18:51 songxia777 阅读(991) 评论(0) 推荐(0) 编辑
摘要: 1. 安装:主要是用来清除重复文件,生成最新的的插件 就是说在编译文件的时候,先把 build或dist (就是放生产环境用的文件) 目录里的文件先清除干净,再生成新的带有hash值的文件 cnpm install clean-webpack-plugin --save-dev 2. webpack 阅读全文
posted @ 2019-01-20 18:48 songxia777 阅读(314) 评论(0) 推荐(0) 编辑
摘要: # html-webpack-plugin插件 1. 动态生成html文件并自动引入js文件 2. 静态文件无需加载js或css文件,通过设置入口文件可以将js文件自动添加进去,而相关的css文件在js中导入 3. 同时修改生成的js文件命名规则,利用hash码命名js文件 4. 没有改动时可以让浏 阅读全文
posted @ 2019-01-20 18:45 songxia777 阅读(917) 评论(0) 推荐(0) 编辑
摘要: 1. 安装webpack-dev-server(在指定目录下),一定要先安装完毕webpack webpack-cli之后在安装webpack-dev-server 一个基于expressjs的开发服务器,提供实时刷新浏览器页面的功能 模块热替换:(相当于ajax局部刷新功能)webpack --w 阅读全文
posted @ 2019-01-20 18:39 songxia777 阅读(1220) 评论(0) 推荐(0) 编辑
摘要: output: { filename: './js/[name].[hash:8].js', /* * filename:在使用webpack-dev-server模式时,如果要使用hash,是不可以使用chunkhash的,建议直接使用hash,必须是相对路径 * path:输出路径必须是绝对路径 阅读全文
posted @ 2019-01-20 18:28 songxia777 阅读(1253) 评论(0) 推荐(0) 编辑
摘要: 1. 一般是采用对象语法: entry: { index: './src/default/js/index.js' }, https://webpack.css88.com/concepts/entry-points.html 阅读全文
posted @ 2019-01-20 18:23 songxia777 阅读(1077) 评论(0) 推荐(0) 编辑
摘要: 准备工作: 1. 安装git: git下载地址:https://git-scm.com/downloads git安装步骤:https://blog.csdn.net/litao_huang/article/details/80838118 2. 安装node 2.1 node下载地址:http:/ 阅读全文
posted @ 2019-01-20 18:04 songxia777 阅读(1180) 评论(0) 推荐(0) 编辑