随笔分类 -  webpack

webpack配置css浏览器前缀
摘要：webpack打包时，css自动添加浏览器前缀。我们需要用到一个Loader：postcss-loader，和一个插件：autoprefixer 安装 方法一 1.在webpack.config.js文件中，找到module下的rules属性，在里面添加一个对象，完整代码如下： 代码中，还有另外3个 阅读全文
posted @ 2019-07-17 17:52 兔子先生i 阅读(1186) 评论(0) 推荐(0)
Vue中使用Sass全局变量
摘要：前言 假设我们原有项目的主题色是蓝色的，这时有个需求，需要把主题色改成橙色的。一般情况下，我们可能会在main.js中引入公共样式文件，但你会发现，在组件中使用公共样式文件中定义的某个参数时，会报一个错误："变量未定义"。 那还有一种写法是，在每个组件中都引入公共样式(注：需要用到公共样式的组件)， 阅读全文
posted @ 2019-07-13 13:16 兔子先生i 阅读(8320) 评论(0) 推荐(0)
使用webpack将es6 es7转换成es2015
摘要：第一步：安装模块化包 第二步：安装成功后，在webpack.config.js文件找到module 然后在rules里面添加一个新的规则 代码如下 然后打包一下，就可以看到效果了。 阅读全文
posted @ 2018-09-03 17:24 兔子先生i 阅读(1061) 评论(0) 推荐(0)
vue打包之后生成一个配置文件修改接口
摘要：前言： 我们的vue代码打包上传到服务器之后， 要是数据接口 以后换了域名什么的，是不是需要重新去vue文件里修改接口。 能不能生成一个配置文件，里面可以配置域名或其它什么字段之类的，这样以后换了域名，只需打开记事本 修改一下域名即可。 教程： 第一步：安装generate-asset-webpac 阅读全文
posted @ 2017-11-17 18:03 兔子先生i 阅读(11129) 评论(4) 推荐(1)
vue代码上传服务器后背景图片404解决方法
摘要：问题：代码上传服务器后，图片404，使用的font-awesome图标也是404 解决办法： 如果你用了vue-cil，那么在build目录下找到utils.js中的ExtractTextPlugin.extract({}),里面添加下面这个属性就完美解决了publicPath: ‘../../‘ 阅读全文
posted @ 2017-11-14 09:42 兔子先生i 阅读(1985) 评论(0) 推荐(0)
webpack安装教程及实例
摘要：在控制台输入： 这是全局的安装，如果需要局部安装，在控制台cd 打开到指定目录，输入： 即可。 实例： index.html main.js webpack.config.js 三个文件创建好之后，我们需要把项目运行起来，使用live-server来运行项目。 在控制台直接输入： 安装成功之后，在控 阅读全文
posted @ 2017-08-03 10:13 兔子先生i 阅读(246) 评论(0) 推荐(0)