songxia777

2019年1月21日

摘要： Math.sqrt(36) 对一个数值开方阅读全文

posted @ 2019-01-21 10:01 songxia777 阅读(124) 评论(0) 推荐(0)

摘要：参考： https://www.cnblogs.com/padding1015/p/7133811.html 如果期间报错，参考步骤7，然后再重新安装配置预编译配置--no-cache %FileName% %FileBaseName%.css --style compressed sass最终输阅读全文

posted @ 2019-01-21 09:55 songxia777 阅读(362) 评论(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 阅读(1010) 评论(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 阅读(1563) 评论(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 阅读(1020) 评论(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 阅读(351) 评论(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 阅读(981) 评论(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 阅读(1245) 评论(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 阅读(1325) 评论(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 阅读(1120) 评论(0) 推荐(0)

公告