webpack配置和vue run build打包处理

本篇记录一下 vue2打包后生成的dist文件夹运行的一些问题和webpack的配置信息

Wamp Server下载地址：http://www.downza.cn/soft/30324.html

npm run build之后dist中的index.html如何打开运行

• npm全局装个http-server

  npm install -g http-server

• 然后在对应目录用命令行输入http-server就可以看到类似http://localhost:8081的可访问地址，在浏览器访问就好了
• 也可以下载本地服务器Wamp Server
• 将dist文件夹扔到本地服务器下的www文件夹下，localhost运行后发现一片空白也不报错或者js路径不对
• 解决方法 找到config下的index.js目录 修改assetsPublicPath配置 / 改为./

  assetsPublicPath: './',

• 开发完vue项目后进行 npm run build命令后，默认的是当前文件夹下的./static.
• assetsPublicPath 可以更改默认路径，参数更改成路径即可

  vue-cli webpack全局引入jquery

  1 下载jquery

  npm install jquery --save-dev

  2 在webpack.base.conf.js里加入

  var webpack = require("webpack")

  3 module.exports的中间加入

  plugins: [
   new webpack.optimize.CommonsChunkPlugin('common.js'),
   new webpack.ProvidePlugin({
       jQuery: "jquery",
       $: "jquery"
   })
  ]

  4 main.js 引入就ok了 import $ from ‘jquery’
  参开地址 https://segmentfault.com/a/1190000007020623

赏

谢谢你请我吃糖果

支付宝

微信