webpack
有趣的前端
这个作者很懒,什么都没留下…
展开
-
webpack 中 Module build failed (from ./node_modules/babel-loader/lib/index.js): 的错误解决
在使用webpack打包中出现以下错误:Module build failed (from ./node_modules/babel-loader/lib/index.js):Error: Plugin/Preset files are not allowed to export objects, only functions.1. 原因:出现错误是由于babel的版本冲,有两种解决方式:版本更换:babel-loader 8.x | babel 7.x (升级版本)npm inst原创 2020-09-09 10:46:59 · 4585 阅读 · 1 评论 -
vue项目用vue.config.js来配合不同环境自动切换配置
1. 首先安装插件,并修改启动项安装cross-env 跨平台切换插件兼容好,-作用: 切换环境变量例如:不同的打包和运行命令切换不同的配置变量"scripts": { "serve": "cross-env type=dev vue-cli-service serve", "build": "cross-env type=prod vue-cli-service build" }安装 process 插件 是node中读取nodejs总环境变量的所用参数作用:在原创 2020-08-19 21:09:28 · 2625 阅读 · 1 评论 -
vue项目使用插件postcss-px2vwh将px转vw wh
您可以使用此插件将“ px”转换为“ vw”或“ vh”。首先:安装插件 : postcss-px2vwhnpm i postcss-px2vwh配置文件:vue项目根目录下建 .postcssrc.js文件赋值以下代码:module.exports = { plugins: [ require('@moohng/postcss-px2vw')({ width: 375, //你的 psd's wi原创 2020-08-19 08:00:50 · 1213 阅读 · 1 评论 -
webpack 搭建环境
一、前端构建工具gruntgulpwebpack(主流,https://webpack.js.org/)Fis3(百度)二、webpack是什么webpack 是一个现代 JavaScript 应用程序的静态模块打包器webpack稳定版本:v4.44三、如何使用webpack搭建前端环境安装node.js( v12.x)注意:如果npm安装一些包由于网速原因,安装慢切换一下镜像源改成淘宝镜像:npm config set registry https://regist原创 2020-08-17 14:17:00 · 237 阅读 · 0 评论