亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

分享下我的webpackconfig.js

標簽:
Vue.js

var path = require('path')
var webpack = require('webpack')

// var VueVideoPlayer = require('vue-video-player')
//IP地址
var IPAddress = getIPAdress();
var serverHost = IPAddress;
module.exports = {
entry: './src/main.js',//值可以是字符串、数组或对象
output: {
path: path.resolve(__dirname, './dist'),//Webpack结果存储
publicPath: '/dist/',//懵懂,懵逼,//然而“publicPath”项则被许多Webpack的插件用于在生产模式和开发模式下下更新内嵌到css、html,img文件里的url值
filename: 'build.js'
},
module: {
rules: [
{
test: /.vue$/,
loader: 'vue-loader',
options: {
loaders: {}
// other vue-loader options go here

    }
  },
  {
    test: /\.js$/,
    loader: 'babel-loader',
    exclude: /node_modules/
  },
  {
    test: /\.(png|jpg|gif|svg)$/,
    loader: 'file-loader',
    options: {
      name: '[name].[ext]?[hash]'
    }
  }
  //自己加的
  ,
  {
    test: /\.(eot|svg|ttf|woff|woff2)(\?\S*)?$/,
    loader: 'file-loader'
  },
  {
    test: /\.css$/,
    loader: "style-loader!css-loader"
  }
  ,
  {
    test: /\.(scss|sass)$/,
    loader: "style-loader!css-loader!sass-loader"
  }
  // {
  //     test: /\.(scss|sass)$/,
  //     loader: "style-loader!css-loader!sass-loader!sass!scss-loader!vue-style-loader"
  // }
  // },
  // {
  //     test: /\.scss$/,
  //     loader: 'style!css!sass'
  // }
  // {
  //     test: /\.scss$/,
  //     loader: ExtractTextPlugin.extract('style', 'css!sass')
  // }
  // {
  //     test: /\.scss$/,
  //     loader: 'style!css!ruby-sass?compass=1'
  // }

]

},
//使用webpack-dev-server
devServer: {
contentBase: path.join(__dirname, "/"),
host: serverHost,
port: 9090, //默认9090
inline: true, //可以监控js变化
hot: true//热启动
},
resolve: {
alias: {
vue: 'vue/dist/vue.js',
'jquery': 'jquery'
},
extensions: ['.js', '.scss', '.vue', '.json']// 可以不加后缀, 直接使用 import xx from 'xx' 的语法
},
resolveLoader: {
alias: {
'scss-loader': 'sass-loader',
},
}
}

if (process.env.NODE_ENV === 'production') {
module.exports.devtool = '#source-map'
// http://vue-loader.vuejs.org/en/workflow/production.html
module.exports.plugins = (module.exports.plugins || []).concat([
new webpack.ProvidePlugin({
jQuery: "jquery",
$: "jquery"
}),
new webpack.DefinePlugin({
'process.env': {
NODE_ENV: '"production"'
},

    }),

    new webpack.optimize.UglifyJsPlugin({
        sourceMap: true,
        compress: {
            warnings: false
        }
    }),
    new webpack.LoaderOptionsPlugin({
        minimize: true
    })
])

}
function getIPAdress() {
var interfaces = require('os').networkInterfaces();
for (var devName in interfaces) {
var iface = interfaces[devName];
for (var i = 0; i < iface.length; i++) {
var alias = iface[i];
if (alias.family === 'IPv4' && alias.address !== '127.0.0.1' && !alias.internal) {
return alias.address;
}
}
}
}

點擊查看更多內容
2人點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消