
大前端-配置项
天空影
此生多磨难,此身越重洋
展开
-
webpack输出多个文件
webpack输出多个文件原创 2017-10-20 15:25:25 · 3663 阅读 · 0 评论 -
github page结合hexo搭建博客站点
准备工作安装node.js安装Gitgithub账号撸起袖子开干一:创建github仓库特别强调: 两个红箭头指向的名称要一致,比如我就是jx915,后面xxxx也要填jx915二:部署ssh参考文章:github配置ssh三:创建本地文件夹(用来存放hexo源文件)1、全局安装hexo,桌面鼠标右键 git base here ...原创 2018-05-30 13:39:54 · 224 阅读 · 0 评论 -
npm修改全局下载路径
查看npm config ls我的地址是修改后的修改npm config set prefix '你的地址'下载vue-cli后提示 vue命令提示不存在解决:系统环境变量加上全局vue-cli中vue-init的地址...原创 2018-08-07 13:55:47 · 2515 阅读 · 0 评论 -
github修改语言显示
github修改语言显示原创 2017-10-26 17:29:57 · 4578 阅读 · 0 评论 -
github配置ssh
一:设置Git的user name和email $ git config --global user.name "name" $ git config --global user.email "xxx@xxx.com"二:生成ssh$ ssh ssh-keygen这里是因为我本地已经有了ssh,所以我重置了 cd ~/.sshls至此ssh设置...原创 2018-05-24 22:34:21 · 1947 阅读 · 0 评论 -
TortoiseGit创建本地库并提交至远程服务器(包括分支)
一:创建本地库右键新建文件夹test,添加一个文本文件test.txt,右键选择it Create repository here...二:git add 和 git commit1、右键、TortoiseGIt、add 2、右键、Git Commit -> “master”三:设置远程服务器仓库地址右键、TortoiseGit、Setting、填写github仓...原创 2018-05-24 23:24:03 · 34994 阅读 · 2 评论 -
webpack配置vue开发环境
首先,你要完成了下面几点:配置css 配置js 配置图片文件配置html-webpack-plugin(可选)然后安装vue需要的包npm install vue vue-loader vue-style-loader vue-html-loader vue-template-compiler --save-dev这里强调一下 :vue-loader 现在安装的话都...原创 2018-04-27 11:16:46 · 2269 阅读 · 1 评论 -
webpack配置之html-webpack-plugin
用途:我们可以直接在src文件夹写html文件,打包后会自动在dist文件夹下生成这个html文件,并直接引用配置的js文件示例:webpack.config.jsvar HtmlWebpackPlugin = require('html-webpack-plugin');module.exports = { entry:{ "main":"./src/js/ma...原创 2018-04-26 17:10:29 · 2620 阅读 · 0 评论 -
webpack使用url-loader处理文件、图片
下载网上都说只需要url-loader就行了,但是我在实际开发过程中碰到了字体文件提示需要file-loader,所以为了避免出问题,这里也下载一下file-loadernpm install url-loader file-loader --save配置 webpack.config.js{ test: /\.(png|svg|jpg|gif|woff|woff2|s...原创 2018-04-26 16:31:03 · 10684 阅读 · 3 评论 -
webpack使用babel处理js
起因就不说了,大家都是做前端的,浏览器兼容永远是要跨过去的一道坎!暂时我们只需要处理一般的js:安装 这三个就够用了,写react的请再多加几个npm install babel-loader babel-core bable-present-2015配置 webpack.config.js{ test: /\.js$/, exclude:...原创 2018-04-26 11:22:07 · 804 阅读 · 0 评论 -
webpack对样式的处理
在webpack中我们一般是通过import './main.css'引入开发环境下的css文件,但是通过这种方法引入的css会报错,需要安装style-loader和css-loader来处理这种方式下引入的css文件npm 安装npm install style-loader css-loader --save-dev然后再webpack_config.js配置...原创 2018-03-03 13:13:20 · 884 阅读 · 0 评论 -
webpack中使用jquery库
下载npm install jquery --save封装新建 jquery-vendor.jsimport $ from 'jquery'window.$ = $window.jQuery = $export default $使用 import $ from '../assets/jquery-vendor.js'import 'jquery-ui'//...原创 2018-03-08 16:53:59 · 4434 阅读 · 3 评论 -
简单入门配置webpack
什么是WebPack,为什么要使用它?写在最前面,最近不是更新了webpack4.0了吗,所以其实用这套会有问题,会提示webpack-cli不存在,但是我并没有搞懂webpack4.0,所以在安装了webpack和webpack-dev-server的时候可以在packjson中把这两个的版本号改为下面显示的版本号。然后删掉node_module,然后重新npm install。然后再重新去...原创 2018-01-03 16:09:51 · 395 阅读 · 0 评论 -
webpack使用art-template
下载npm i art-template-loader art-template -d配置module.exports = { module: { rules: [ { test: /\.art$/, loader: 'art-template-loader' ...原创 2019-03-07 09:50:41 · 1924 阅读 · 6 评论