vux

字数 240阅读 450

yarn  安装  yarn add vux

缺少依赖  安装依赖即可less   less-loader  vux-loader

配置文件build 

var path  = require('path');

var utils = require('./utils');

var projectRoot = path.resolve(__dirname, '../');

const vuxLoader = require('vux-loader');

var config          = require('../config');

var vueLoaderConfig = require('./vue-loader.conf');

function resolve(dir)

{

return path.join(__dirname, '..', dir);

}

let webpackConfig = {

entry: {

app: './src/main.js'

},

output: {

path: config.build.assetsRoot,

filename: '[name].js',

publicPath: process.env.NODE_ENV === 'production'

? config.build.assetsPublicPath

: config.dev.assetsPublicPath

},

resolve: {

extensions: ['.js', '.vue', '.json'],

alias: {

'vue$': 'vue/dist/vue.esm.js',

'@': resolve('src')

}

},

module : {

rules: [

{

test  : /\.vue$/,

loader : 'vue-loader',

options: vueLoaderConfig,

},

{

test  : /\.js$/,

loader : 'babel-loader',

include: [resolve('src'), resolve('test')],

},

{

test  : /\.(png|jpe?g|gif|svg)(\?.*)?$/,

loader: 'url-loader',

options : {

limit: 10000,

name : utils.assetsPath('img/[name].[hash:7].[ext]'),

},

},

{

test  : /\.(woff2?|eot|ttf|otf)(\?.*)?$/,

loader: 'url-loader',

options : {

limit: 10000,

name : utils.assetsPath('fonts/[name].[hash:7].[ext]'),

},

},

],

},

};

module.exports = vuxLoader.merge(webpackConfig, {

plugins: [

'vux-ui', 'inline-manifest', 'progress-bar', 'duplicate-style'

// {

//    name: 'less-theme',

//    path: 'src/assets/theme.less'

// }

],


});

推荐阅读更多精彩内容

  • 原文http://www.cnblogs.com/libin-1/p/6596810.html 版本号 vue-c...
  • 从V1迁移到V2由于使用的是webpack版本是2.2.1,所以针对原文做了一些修改。针对webpack2的修改部...
  • GitChat技术杂谈 前言 本文较长,为了节省你的阅读时间,在文前列写作思路如下: 什么是 webpack,它要...
  • 无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅,特此分享以备自己日后查看,也希望更多的人看到...
  • 大家好我是狗蛋~ 开始我是用mint-ui的,挺好用,文档也简单,但是我发现vux好多插件!好牛鼻,蠢蠢欲试。。。...