博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue.js多页面开发 webpack.config.js 配置方式
阅读量:6295 次
发布时间:2019-06-22

本文共 2326 字,大约阅读时间需要 7 分钟。

配置文件代码

var path = require('path')

var webpack = require('webpack')
var glob = require('glob');

得到入口文件

// 源文件目录

var sSystem = 'src/';
// src目录如下
bVbbVeU?w=312&h=318

每个文件夹下的.js文件都会打包

components文件夹为组件
// 生成多个入口文件
function getEntry() {

var entry = {};var nLength = sSystem.length - 1;var srcDirName = './' + sSystem + '/**/*.js';glob.sync(srcDirName).forEach(function (name) {    //name:./src/ovdream/basic/member/index/index.js    var n = name.slice(name.lastIndexOf(sSystem) + nLength, name.length - 3);    //n:/member/index/index    entry[n] = name;});return entry;

}

exports

module.exports = {

entry: getEntry(),output: {    path: path.resolve(__dirname, './dist'),    publicPath: '/dist/',    filename: '[name].js'},module: {    rules: [      {          test: /\.css$/,          use: [            'vue-style-loader',            'css-loader'          ],      },      {          test: /\.vue$/,          loader: 'vue-loader',          options: {              loaders: {                  // Since sass-loader (weirdly) has SCSS as its default parse mode, we map                  // the "scss" and "sass" values for the lang attribute to the right configs here.                  // other preprocessors should work out of the box, no loader config like this necessary.              }              // 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]'          }      }    ]},resolve: {    alias: {        'vue$': 'vue/dist/vue.esm.js'    },    extensions: ['*', '.js', '.vue', '.json']},devServer: {    historyApiFallback: true,    noInfo: true,    overlay: true},performance: {    hints: false},devtool: '#eval-source-map'

}

if (process.env.NODE_ENV === 'production') {

module.exports.devtool = '#source-map'// http://vue-loader.vuejs.org/en/workflow/production.htmlmodule.exports.plugins = (module.exports.plugins || []).concat([  new webpack.DefinePlugin({      'process.env': {          NODE_ENV: '"production"'      }  }),  new webpack.optimize.UglifyJsPlugin({      sourceMap: true,      compress: {          warnings: false      }  }),  new webpack.LoaderOptionsPlugin({      minimize: true  })])

}

转载地址:http://ypvta.baihongyu.com/

你可能感兴趣的文章
linux内核中符号地址的获取
查看>>
内存对齐的问题
查看>>
分析动态代理给Spring事务埋下的坑
查看>>
从不用 try-catch 实现的 async/await 语法说错误处理
查看>>
Zabbix Python API 应用实战
查看>>
DC学院学习笔记(六):数据库和SQL语言简述
查看>>
系统自动登录及盘符无法双击打开问题处理
查看>>
IE11下载文件时出现文件名乱码
查看>>
修行的心态,积极的态度
查看>>
网络服务搭建、配置与管理大全(Windows版)
查看>>
Juniper批量新增用户命令工具
查看>>
Android Studio2.2.3 使用教程-入门篇
查看>>
Linux下SENDMAIL+OPENWEBMAIL(2)
查看>>
多级NUMA:AMD EPYC互连速率、位宽与功耗的关系
查看>>
Linux操作系统下以不同颜色命名的文件类型
查看>>
Spring(24)——自定义BeanDefinitionRegistryPostProcessor
查看>>
AngularJs 键盘事件和鼠标事件
查看>>
DC学院数据分析学习笔记(二):爬虫需要的HTML
查看>>
UWA平台新增【UI模块】和【粒子系统】检测功能!
查看>>
Oracle Study之--Oracle等待事件(2)
查看>>