51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#WebP
vue-cli+webpack在生成的项目中使用bootstrap方法(二)
vue-cli+webpack在生成的项目中使用bootstrap方法(一)中,是通过手动下载bootstrap库,然后手动添加到src/assets中,显然是过程太多。当然是可以更省力些,可以通过npm安装bootstrap,然后用import直接导入bootstrap的方式进行整合,因为vue-loader能自动从...
代码星球
·
2021-02-25
vue-cli+webpack
生成
目中
使用
bootstrap
vue-cli+webpack在生成的项目中使用bootstrap方法(一)
在一个html页面中加入bootstrap是很方便,就是一般的将css和js文件通过Link和Script标签就行。那么在一个用vue-vli生成的前端项目中如何加入?因为框架不一样了,略微要适应一下。 脚手架生成项目执行命令用webpack模板生成一个名为vuestrap的项目(名字任意)vueinitwe...
代码星球
·
2021-02-25
vue-cli+webpack
生成
目中
使用
bootstrap
Webpack打包报错 TypeError: this.getOptions is not a function at Object.lessLoader
这两天重新学习了一下Webpack的使用,在学习打包css/less样式资源时,发生了这样一个报错: 关键报错信息是: this.getOptionsisnotafunction,网上百度一下之后说是版本问题。然后我又查了一下npm官网,果然在22天之前less-loader发布了8.0...
代码星球
·
2021-02-25
Webpack
打包
报错
TypeError
this.getOptions
vue.js 2.0 --- 安装node环境,webpack和脚手架(入门篇)
1.1、安装node.js1.2安装过程很简单,一路“下一步”就可以了。安装完成之后,打开命令行工具(win+r,然后输入cmd),输入node-v,如下图,如果出现相应的版本号,则说明安装成功。 1.3修改npm为淘宝镜像因为npm的仓库有许多在国外,访问的速度较慢,建议修改成cnpm,换成taobao的镜...
代码星球
·
2021-02-24
vue.js
安装
node
环境
webpack
使用 Webpack 4 和 Babel 7 创建 React 应用程序
mkdirreact_project cdreact_project npminit-y npmiwebpack@4webpack-cli@3-D//i:install-D:- save-dev npmireact@16react-dom@16-S npmibabel-loader@8@babel/c...
代码星球
·
2021-02-20
使用
Webpack
Babel
创建
React
Android使用webp格式图片的步骤
webp是Android推荐使用的一种图片格式,内存占用很小。使用webp图片是app瘦身和内存优化的很好的方式之一。下面是webp的使用步骤介绍:1.下载webp工具,这个google提供给我们将jpg和png等图片转为webp格式图片的工具 https://developers.google.com/speed/...
代码星球
·
2021-02-20
Android
使用
webp
格式
图片
Vue项目碰到"‘webpack-dev-server’不是内部或外部命令,也不是可运行的程序或批处理文件"报错
最近公司里做vue项目,svn了前端同事的项目代码,装好环境,运行项目(安装步骤随便百度一下,很详细),控制台里报错“‘webpack-dev-server’不是内部或外部命令,也不是可运行的程序或批处理文件,随机百度解决方法,有的说需要重新装依赖包,有的说扩展用户权限,都做了,但是报错依旧。原因:随机自己新建一个vu...
代码星球
·
2021-02-16
quot
不是
Vue
项目
碰到
Vue工程模板文件 webpack打包
1、githubgithub地址:https://github.com/MengFangui/VueProjectTemplate 2、webpack配置(1)基础配置webpack.base.config.js constpath=require('path');//处理共用、通用的jsconst...
代码星球
·
2021-02-14
Vue
工程
模板
文件
webpack
Vue webpack配置文件
一、代码地址github:https://github.com/MengFangui/VueWebpackConfig 二、配置说明1、命令(1)npmi安装依赖包(2)numrundev发布调试环境(3)npmrunbulid发布线上环境 2、功能(1)处理vue文件(2)处理js文件(3)ES6...
代码星球
·
2021-02-14
Vue
webpack
配置文件
webpack 实用配置总结
1、webpack.config.js配置文件为://处理共用、通用的jsvarwebpack=require('webpack');//处理html模板varhtmlWebpackPlugin=require('html-webpack-plugin');//css单独打包varExtractTextPlugin=r...
代码星球
·
2021-02-14
webpack
实用
配置
总结
webpack css打包为一个css
1、安装npminstallextract-text-webpack-plugin--save-dev 2、项目目录:index文件夹下的index.css:body{background-color:#ccc;}.flex-div{display:flex;}index文件夹下的index2.css:p{t...
代码星球
·
2021-02-14
css
webpack
打包
一个
webpack 通用模块(每个页面都用到的js)编译
1、项目目录 2、配置文件:webpack.config.jsvarhtmlWebpackPlugin=require('html-webpack-plugin');varwebpack=require('webpack');module.exports={//entry:'./src/app.js',ent...
代码星球
·
2021-02-14
webpack
通用
模块
每个
页面
webpack CommonsChunkPlugin 提取公共代码
1、项目结构2、部分代码module.jsconsole.log('module.js');index文件夹下的index.jsrequire('../module.js');console.log('首页-index文件');login文件夹下的index.js require('../module.js'...
代码星球
·
2021-02-14
webpack
CommonsChunkPlugin
提取
公共
代码
webpack 引入jquery和第三方jquery插件
1、引入jqueryjQuery直接在html中引入,然后在webpack中把它配置为全局即可。index.html:<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title><%=htmlWebpack...
代码星球
·
2021-02-14
jquery
webpack
引入
第三方
插件
webpack 编译图片文件 file-loader
1、安装插件npmifile-loader--save-dev npm i url-loader --save-dev npm install image-webpack-loader --save-dev 2、项目目...
代码星球
·
2021-02-14
webpack
编译
图片
文件
file-loader
首页
上一页
1
2
3
4
5
...
下一页
尾页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他