VUE引入文件以及IP访问

2019-08-01  本文已影响0人  redpeanuts

1.引入JQuery

webpack.base.conf.js文件添加如下配置

开头
const webpack = require('webpack')

module.exports下面
plugins: [
    new webpack.optimize.CommonsChunkPlugin('common.js'),
    new webpack.ProvidePlugin({
      $: 'jquery',
      jquery: 'jquery',
      'window.jQuery': 'jquery',
      jQuery: 'jquery'
    })
  ]

webpack.prod.conf.js

module.exports下面
plugins: [
    new webpack.optimize.CommonsChunkPlugin('common.js'),
    new webpack.ProvidePlugin({
      $: 'jquery',
      jquery: 'jquery',
      'window.jQuery': 'jquery',
      jQuery: 'jquery'
    })
  ]

bootstrap

然后main.js引入
import 'bootstrap/dist/css/bootstrap.min.css'
import 'bootstrap/dist/js/bootstrap.min.js'

IP无法访问

修改package.json

"scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
修改后
"scripts": {
    "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0.0",

或者index.js

host:'0.0.0.0'

以上针对vue-cli2.x

上一篇 下一篇

猜你喜欢

热点阅读