webpack
SoulForest
这个作者很懒,什么都没留下…
展开
-
在webpack构建的项目中使用vue-router
在webpack构建的项目中使用vue-router1.npm i vue-router -S2.修改main.js步骤写在注释中main.js:import Vue from 'vue'//1.导入vuerouter包import VueRouter from 'vue-router'//2.手动安装包Vue.use(VueRouter)//4.导入路由组件import Account from "./main/Account.vue";import GoodsList from原创 2020-08-11 21:33:52 · 206 阅读 · 0 评论 -
在webpack构建的项目中使用vue
在webpack构建的项目中使用vue1.安装vuenpm i vue -S若是出错,把package-lock.json删除就好了2.修改配置index.html:<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title> </head> <body>原创 2020-08-11 21:33:21 · 182 阅读 · 0 评论 -
.vue文件使用方法
在webpack中引入.vue文件1.安装vue-loader和vue-template-compilernpm i vue-loader vue-template-compiler -D2.修改webpack.config.js定义常量:const VueLoaderPlugin = require('vue-loader/lib/plugin')在plugins中加入new VueLoaderPlugin()加入匹配规则{test:/\.vue$/, use: 'vue-load原创 2020-08-11 21:31:45 · 911 阅读 · 0 评论 -
html-webpack-plugin
html-webpack-plugin使用使用html-webpack-plugin不用引用bundle.js<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title> <!-- <script src="./main.js"></script> -->原创 2020-08-11 21:31:05 · 157 阅读 · 0 评论 -
webpack loader
webpack loader一.处理css文件1.安装style-loader 和css-loader2.修改webpack.config.jsconst path=require('path')//这个配置文件,其实就是一个node文件,通过node中的模块操作,向外暴露了一个配置对象//导入在内存中生成html的插件//只要是插件都要放到plugins中去const htmlWebpackPlugin=require('html-webpack-plugin')module.e原创 2020-08-11 21:29:41 · 162 阅读 · 0 评论 -
webpack-dev-server
webpack-dev-serverwebpack-dev-server可以热部署1.运行npm i webpack-dev-server -D2.运行npm i webpack webpack-cli -D将webpack安装到本地(即使已经全局安装过)3.修改package.json中的dev环境 { "name": "webpackstudy", "version": "1.0.0", "main": "index.js", "scripts": { "test"原创 2020-08-11 21:26:43 · 207 阅读 · 0 评论 -
webpack使用
webpack最基本的使用1.在项目源目录下进入cmd,键入npm init -y,生成package.json2.安装jquery,键入npm i jquery -S3.在main.js中导入jquery4.webpack .\src\main.js -o .\dist\bundle.js5.引用webpack处理后的js文件成功!package.json加上mode { "name": "webpackstudy", "version": "1.0.0", "mai原创 2020-08-11 21:25:23 · 168 阅读 · 0 评论