工具安装首先安装一些必要的工具，由于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评论
Loaders cnpm install vue-loader@14 vue-template-compiler --save-dev webpack.config.js module: { rules: [{ test: /\.vue$/, use: ['vue-loader'] }], }, A
转载
2021-07-07 16:44:00
108阅读
Loaders cnpm install vue --save webpack.config.js resolve: { // 解决运行时报错 alias: { 'vue$': 'vue/dist/vue.esm.js' } } 使用 import Vue from "vue";
转载
2021-07-07 14:36:00
61阅读
一下载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阅读
前提条件： 1、安装node.js "https://nodejs.org/en/" 下载安装合适的平台 2、安装npm 第一步：初始化项目 新建文件夹 E:\app 推荐vue项目目录结构： config 全局变量 dist 编译后的项目代码 src 项目源码 apis api封装 compone
原创
2021-07-28 17:50:21
355阅读
【Vue组件文件打包：Vue-Loader】 复制之前上一个项目 然后在我们的src目录中创建App.vue文件 这个文件就是Vue的模块文件 【建议下载IDEA的Vue.js插件】 Vue的模块分为template、script、style 其实就是代表html + javascript + cs
转载
2020-07-25 18:17:00
80阅读
前言 如果我们想在webpack中使用vue，就需要在webpack中配置vue 配置vue 首先，我们需要在项目中安装vue，安装命令如下： npm install vue --save 安装完成后，我们在主入口main.js文件中导入vue并创建一个实例 import Vue from 'vue
原创
2021-07-13 11:05:34
277阅读
v-html 有xss风险computed有缓存,data不变就不会重新变化watch如何深度监听watch正常监听不到引用值对象属性的变化,需要在watch开启deep实现深度监听data(){
return{
styleData:{
fontSize:'40px', --------- 这里使用驼峰写法
backg
转载
2021-04-20 22:06:30
228阅读
2评论
8.webpackWebpack 是一个前端资源的打包工具，它可以将js、image、css等资源当成一个模块进行打包。中文官方网站：https://www.webpackjs.com/官网给出的解释：本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(de...
原创
2021-08-18 10:49:52
141阅读
一、介绍： 1. js应用的模块打包工具 二、webpack安装 1. 环境：node环境 2. npm install webpack -g 说明：npm install 命令；webpack是工具名，可以指定版本如：webpack@5.58.3； -g表示全局安装，如果不想全局安装，仅为某项目安 ...
转载
2021-10-20 19:12:00
164阅读
2评论
Webpack是一个现代JS应用的静态模块打包的工具 学习Webpack需要我们安装NodeJS 配置CNPM & CRM 使用切换镜像的方式配置：【不建议】 npm config set registry http://registry.npm.taobao.org 安装镜像管理工具： npm i
转载
2020-07-24 21:52:00
128阅读
2评论
1.安装webpack项目环境bashnpminstallwebpacksavedev2.安装css的loaderbashnpminstallsavedevcssloader3.安装style的loaderbashnpminstallsavedevstyleloader
原创
2021-12-29 17:58:22
225阅读
Webpack作用：Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分ack-cli -vWebpack的配置：创
原创
2022-12-09 12:02:44
120阅读
文章目录前言一、使用webpack来进行vue-cli模块化开发二、Webpack配置区分开发环境和生产环境三、vue项目打包3.1
原创
2022-05-10 10:26:25
1407阅读
点赞
8.webpackWebpack 是一个前端资源的打包工具，它可以将js、image、css等资源当成一个模块进行打包。中文官方网站：https://www.webpackjs.com/官网给出的解释：本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)
原创
2022-03-04 15:39:42
68阅读
1、项目根目录初始化package.json: npm init2、下载css与style的loader配置webpack中的css解析npm install css-loader style-loader --save-dev3、下载babel，webpack配置es6语法npm install babel-core babel-loader babel-plugin-transform-
原创
2022-11-20 00:41:19
101阅读
前言 研究了下别人的 vue 多页面框架, 都是直接复制 package.json 文件,然后在本地 npm install 一下即可, 或者使用官网 vue-cli 工具生成一个项目, 觉得这样虽然看的懂, 但是记不住, 因此有必要从零开始搭建一个使用 .vue 作为组件的项目练习一下, 因此有了
转载
2018-11-09 11:42:00
67阅读
2评论
vue组件库开发，做一个像elment-ui一样的，webpack打包，非常好用
原创
2023-10-03 09:04:02
287阅读
第一步：npm init -y第二步：npm install --save-dev vue 第三步：npm i --save-dev vue-loader vue-template-compiler 第四步：npm install webpack webpack-cli --save-dev添加配置文件：webpack.config.jsc...
原创
2021-07-14 11:43:20
236阅读
