上一页 1 ··· 11 12 13 14 15
摘要: 1.webpack.config.js中新增 const webpack = require('webpack') //新增 2.module.exports中新增 plugins:[ new webpack.BannerPlugin('最终版权归你爹我所有') ] 3.运行 npm run bui 阅读全文
posted @ 2021-06-21 11:19 ajaXJson 阅读(23) 评论(0) 推荐(0) 编辑
摘要: 1.搭建 1.依赖安装 npm install vue@2.5.21 --save 2.index.html中新增 <div id="app"> <h2>{{message}}</h2> </div> 3.main.js中 import Vue from "vue"; const app = new 阅读全文
posted @ 2021-06-17 21:22 ajaXJson 阅读(46) 评论(0) 推荐(0) 编辑
摘要: 1.搭建 1.依赖安装 npm install --save-dev babel-loader@7 babel-core babel-preset-es2015 2.webpack.config.js新增 { test: /\.js$/, //排除node模块的js和bower的js exclude 阅读全文
posted @ 2021-06-17 21:21 ajaXJson 阅读(145) 评论(0) 推荐(0) 编辑
摘要: 1.搭建 src下新建img文件夹放入图片,normal.css文件中引用图片 body{ background-color: red; background: url("../img/small.jpg"); } 1.webpack.config.js中引入 { test:/\.(png|jpg| 阅读全文
posted @ 2021-06-17 16:55 ajaXJson 阅读(79) 评论(0) 推荐(0) 编辑
摘要: 1.css-loader打包 1.目录结构 2.运行与搭建 1.新建normal.css文件 2.运行npm install --save-dev css-loader@2.0.2 安装css-loader开发依赖 3.运行 npm install --save-dev style-loader@0 阅读全文
posted @ 2021-06-17 12:00 ajaXJson 阅读(70) 评论(0) 推荐(0) 编辑
摘要: 2.自动化Webpack打包 1.目录结构 2.搭建与运行 1.在根目录新建webpack.config.js文件此名称固定不可更改,否则系统无法识别到 2.在根目录初始化 npm init -y,生成pack.json文件,如pack.json有依赖时 npm install安装依赖。 3.web 阅读全文
posted @ 2021-06-17 11:58 ajaXJson 阅读(111) 评论(0) 推荐(0) 编辑
摘要: 1.Webpack打包 1.目录结构 2.搭建与运行 1.新建mathUtils.js文件 定义函数并导出 function add(num1,num2){ return num1+num2; } function mul(num1,num2){ return num1 *num2 } module 阅读全文
posted @ 2021-06-17 11:56 ajaXJson 阅读(56) 评论(0) 推荐(0) 编辑
摘要: Vue/Cli 1.脚手架的安装 1.最新脚手架的安装 npm install -g @vue/cli 2.脚手架2的安装 npm install @vue/cli-init -g 2.不同脚手架版本的项目初始化 1.Vue CLI2初始化项目 vue init webpack my-project 阅读全文
posted @ 2021-06-16 22:38 ajaXJson 阅读(42) 评论(0) 推荐(0) 编辑
摘要: 1.根目录下新建vue.config.js 2. module.exports = { lintOnSave: false, devServer: { overlay: { warnings: true, errors: true } } } 阅读全文
posted @ 2021-02-14 16:01 ajaXJson 阅读(37) 评论(0) 推荐(0) 编辑
上一页 1 ··· 11 12 13 14 15