工具安装首先安装一些必要的工具，由于npm的源都是在国外的地址，所以安装会比较
原创
2022-09-07 13:40:59
122阅读
最近几天项目上使用了vue.js作为一个主要的开发框架，并且为了发布的方便搭配了webpack一起使用。CSS框架使用的是vue-strap(vue 对bootstrap控件做了封装)这篇文章主要总结一下具体搭建的过程，和途中遇到的一些问题的解决办法 主要用到的工具 Vue webpack vue-
转载
2016-08-13 17:29:00
109阅读
2评论
一下载node.js：node.js地址.二安装node.js不建议安装在系统盘，安装目录最好不出现中文与空格一路next，直到finish三安装cnpm安装命令为：npm install -g cnpm --registry=https://registry.npm.taobao.org四安装全局的vue-cli脚手架,用于帮助搭建所需的模板框架cnpm instal...
原创
2022-06-24 18:13:07
271阅读
花了一个礼拜的时间一直研究搭建环境，记录下所遇到的坑以及解决办法。除了打包前端代码，然后也可以自动生成HTML文件，自动引入打包后的文件，如果改变了html、css、js文件，不用清除浏览器缓存，也不用刷新页面，页面自动更新。
原创
2022-03-21 10:12:37
537阅读
webpack+vue搭建环境到发布一、环境搭建1.1、去官网安装node.js( http://www.r
原创
2022-03-21 10:26:41
210阅读
1、全局安装vue-clicnpm install --global vue-cli 2、创建一个基于webpack模板的新项目vue init webpack cyymall（你可以根据实际需求来填写，反正我一般都这么设置） 最后一步没有选择 npm install，是因为国内用npm太慢了，我们接下来手动用cnpm就行 3、安装依赖包cd cyymallcnpm installcnpm ru
转载
2021-05-10 19:37:55
245阅读
2评论
基本安装
首先创建一个文件夹webpack-demo(名字自取)，然后在本地安装webpack，接着安装webpack-cli
npm init -y
npm install webpack webpack-cli --save-dev
然后在主文件夹下新建一个src和public子文件夹和webpack.config.js配置文件
在子文件夹public中新建index.html(此文件为入
原创
2023-08-28 20:01:35
853阅读
点赞
前言 在对着产品高举中指怒发心中之愤后，真正能够解决问题的是自身上的改变，有句话说的好：你虽然改变不了全世界，但是你有机会改变你自己。秉承着“不听老人言，吃亏在眼前”的优良作风，我还是决定玩火自焚。 问题所在 之前的项目总结为以下内容： 1、AMD模块规范开发，使用requirejs实现，使用rjs
转载
2016-08-13 16:08:00
81阅读
2评论
初探webpack之搭建Vue开发环境 平时我们可以用vue-cli很方便地搭建Vue的开发环境，vue-cli确实是个好东西，让我们不需要关心webpack等一些繁杂的配置，然后直接开始写业务代码，但这会造成我们过度依赖vue-cli，忽视了webpack的重要性，当遇到一些特殊场景时候，例如Vu
原创
2022-05-28 01:00:26
134阅读
webpack是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔，等到实际需要的时候再异步加载。通过loader的转换，任何形式的资源都可以视作模块，比如CommonJs模块、AMD模块、ES6模块、CSS、图片、JSON、Coffeescript、LESS等，当然，要使用webpack当然得先搭建一
转载
2018-12-07 10:57:48
1795阅读
点赞
额、备份一下总是好的 配置webpack.config.js 配置.babelrc 配置package.json，加入scripts
转载
2017-10-22 19:27:00
66阅读
2评论
能用babel编译es2015 、 能热编译、能加载静态资源（js/css/font/image）。是一个很通用的开发环境，虽然不智能。但很好扩展 npm 安装列表： webpack.config.js package.json 目录结构： 快速启动：npm run dev
转载
2017-02-21 10:30:00
82阅读
2评论
一、安装babel相关 1，安装依赖 2，新建.babelrc 3，相关webpack.conf.js 片段 二、安装静态资源全家桶（img/svg、字体图标、css/scss/style/postcss/autoprefixer） 1，安装依赖 2，相关webpack.conf.js 片段
转载
2018-02-10 14:15:00
79阅读
2评论
项目git地址 一、node知识 __dirname: 获取当前文件所在路径，等同于path.dirname(__filename) path.resolve([..paths]): 把一个路径或路径片段的序列解析为一个绝对路径 给定的路径的序列是从右往左被处理的，后面每个 path 被依次解析，直
转载
2018-12-15 20:51:00
47阅读
2评论
推荐资料Vuejs 中文 （推荐）Vuejs - github （推荐）Vue 网络请求 - axio
原创
2023-02-22 11:10:32
49阅读
webpack 是一个前端工程化打包工具，对于前端工程师来说 webpack 是一项十分重要的技能。下面我们就通过搭建一个 vue 项目来学习使用 webpack主要环境：node v14.15.0npm v6.14.9webpack v5.10.0webpack-cli v4.2.0vue v2.6.12本项目实现以下功能：与vue/cli类似的基本目录支持*.vue,*.css等文件支持es6
转载
2021-05-10 17:24:56
195阅读
2评论
本文首发自「慕课网」，想了解更多IT干货内容，程序员圈内热闻，欢迎关注！作者| 慕课网精英讲师 三水清本文将包括安装 Node、NPM、WebPack 开发环境，我使用的开发 IDE 是 VScode。因为 Webpack 实际是用 Node.js 写的，所以首先来介绍下 Node.js 的安装。安装 Node.js首先进入 Node.js 的官网，选择对应系统的下载包进行下载安装，对于 wind
原创
精选
2022-12-26 10:15:02
372阅读
一、前端构建工具gruntgulpwebpack(主流,https://webpack.js.org/)Fis3（百度）二、webpack是什么webpack 是一个现代 JavaScript 应用程序的静态模块打包器webpack稳定版本：v4.44三、如何使用webpack搭建前端环境安装node.js( v12.x)注意：如果npm安装一些包由于网速原因，安装慢切换一下镜像源改成淘宝镜像：npm config set registry https://regist
原创
2021-07-14 17:38:48
146阅读
vue项目初始化1. 生成package.json文件> npm init2. 安装依赖> npm i webpack vue vue-loaderMacBook-Air:vue-webpack-todo yuhua$ npm i webpack vue vue-loader> fsevents@1.2.4 install /Users/yuhua/Desk...
原创
2021-09-02 10:44:38
318阅读
