会员
周边
新闻
博问
闪存
众包
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
songxia777
博客园
首页
新随笔
订阅
管理
上一页
1
···
13
14
15
16
17
18
19
20
21
···
32
下一页
2019年1月21日
HBuilder配置sass
摘要: 参考: https://www.cnblogs.com/padding1015/p/7133811.html 如果期间报错,参考步骤7,然后再重新安装配置 预编译配置--no-cache %FileName% %FileBaseName%.css --style compressed sass最终输
阅读全文
posted @ 2019-01-21 09:55 songxia777
阅读(354)
评论(0)
推荐(0)
2019年1月20日
webpack.config.js====CSS相关:css和scss配置loader
摘要: 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
阅读(1003)
评论(1)
推荐(1)
postcss-loader加载器,自动添加前缀
摘要: 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
阅读(1549)
评论(0)
推荐(0)
webpack.config.js====插件purifycss-webpack,提炼css文件
摘要: 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
阅读(999)
评论(0)
推荐(0)
webpack.config.js====插件clean-webpack-plugin
摘要: 1. 安装:主要是用来清除重复文件,生成最新的的插件 就是说在编译文件的时候,先把 build或dist (就是放生产环境用的文件) 目录里的文件先清除干净,再生成新的带有hash值的文件 cnpm install clean-webpack-plugin --save-dev 2. webpack
阅读全文
posted @ 2019-01-20 18:48 songxia777
阅读(323)
评论(0)
推荐(0)
webpack.config.js====插件html-webpack-plugin
摘要: # html-webpack-plugin插件 1. 动态生成html文件并自动引入js文件 2. 静态文件无需加载js或css文件,通过设置入口文件可以将js文件自动添加进去,而相关的css文件在js中导入 3. 同时修改生成的js文件命名规则,利用hash码命名js文件 4. 没有改动时可以让浏
阅读全文
posted @ 2019-01-20 18:45 songxia777
阅读(960)
评论(0)
推荐(0)
webpack.config.js====webpack-dev-server开发服务器配置
摘要: 1. 安装webpack-dev-server(在指定目录下),一定要先安装完毕webpack webpack-cli之后在安装webpack-dev-server 一个基于expressjs的开发服务器,提供实时刷新浏览器页面的功能 模块热替换:(相当于ajax局部刷新功能)webpack --w
阅读全文
posted @ 2019-01-20 18:39 songxia777
阅读(1228)
评论(0)
推荐(0)
webpack.config.js====output出口文件的配置
摘要: output: { filename: './js/[name].[hash:8].js', /* * filename:在使用webpack-dev-server模式时,如果要使用hash,是不可以使用chunkhash的,建议直接使用hash,必须是相对路径 * path:输出路径必须是绝对路径
阅读全文
posted @ 2019-01-20 18:28 songxia777
阅读(1305)
评论(0)
推荐(0)
webpack.config.js====entry入口文件的配置
摘要: 1. 一般是采用对象语法: entry: { index: './src/default/js/index.js' }, https://webpack.css88.com/concepts/entry-points.html
阅读全文
posted @ 2019-01-20 18:23 songxia777
阅读(1106)
评论(0)
推荐(0)
准备工作、安装webpack、初始化项目
摘要: 准备工作: 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
阅读(1202)
评论(0)
推荐(0)
上一页
1
···
13
14
15
16
17
18
19
20
21
···
32
下一页
公告