DaftJayee的博客

一、修改json.package在serve或者dev这里加上 --host 0.0.0.0"serve": "vue-cli-service serve --host 0.0.0.0",二、启动项目npm run serve或者npm run dev三、用手机打开网址：电脑ip地址:8080如果不知道电脑ip地址，则可用ipconfig查看或者webstorm启动项目完成后会显示App running at:Local: http://localhost:8080Netwo

一、在根目录src下创建vue.config.js如果不进行这一步，运行npm run build将可能导致路径不对的问题module.exports = { baseUrl:'./',}//详细配置参考：https://www.jianshu.com/p/b358a91bdf2d//写上面这里后理论上就可以提交了，公司自然会有运行index.html的环境//但是这样本地还是看不到的，想要本地能看到index.html内容的话进行第二步二、在router/index.js中将

一.新建好一个文件夹（比如ES6-demo）打开文件夹，在文件夹中新建一个webpack.config.js配置： const HtmlWebpackPlugin = require('html-webpack-plugin'); module.exports={ entry:{ index:'./src/index.js' }, output:{ path:__dirname + '/public', filename:'./js/[name].j

babel核心：babel-core功能：babel-loaderbabel-preset-envbabel-preset-react二、安装（下载）npm install babel-core babel-loader babel-preset-env babel-preset-react -S三、配置两种配置方式：v1: webpack.config.js { test:/(\.jsx|\.js)$/, use:{ loader:"babe

webpack提取分离css1》下载(安装)npm install extract-text-webpack-plugin@next -S2》配置const ExtractTextPlugin = require("extract-text-webpack-plugin");module:{ rules:[ { test:/\.css$/, use:ExtractTextPlugin.extract({ fallback:"style-loader", use:[

html-withimg-loader让html内可以支持图片1》安装(下载)npm install html-withimg-loader -S2》配置webpack.config.js{ test:/\.html$/, use: 'html-withimg-loader'}

webpack插件html-webpack-pluginsrc :开发阶段（写代码） index.html index.js style.css 1.jpg ...public ：生产阶段（项目要上线）2》使用 webpack.config.js1》安装（下载）npm install html-webpack-plugin -S2》配置(webpack.config.js)1>const HtmlWebpackPlugin = require("html-w

本地服务器(dev-server)安装：npm install webpack-dev-server -S配置：webpack.config.js: devServer:{ contentBase:"", inline: //这个设置为true则会在修改代码后浏览器页面自动刷新 //port: //默认8080 //hot: }package.json "scripts":{ "dev":"webpack-dev-server --open --in

1》webpack本身是打包js的，但是如果想要打包css，html，图片…怎么办？必须要进行相关配置2》配置1>webpack四个核心概念（相关配置代码参考官网https://www.webpackjs.com/concepts/） 入口(entry) 输出(output) loader: webpack只支持js,不支持css，图片...,如果让webpack支持使用loader 插件(plugins) 有效的打包或者压缩css，js，html，图片2>配

1》全局安装 npm install webpack -g npm install webpack-cli -g2》生成package.jsonnpm init3》局部安装npm install webpack -Snpm install webpack-cli -S4》打包命令 : webpack默认entry ：src/index.js默认output ：dist/main.js压缩： webpack --mode production未压缩：webpac