没有合适的资源？快使用搜索试试~ 我知道了~

文库首页前端WebpackVue工程模板文件 webpack打包配置方法

Vue工程模板文件 webpack打包配置方法

config

const

0 下载量 132 浏览量 2020-11-27 07:42:02 上传评论收藏 69KB PDF 举报

温馨提示

试读

4页

1、github github地址：https://github.com/MengFangui/VueProjectTemplate 2、webpack配置（1）基础配置webpack.base.config.js const path = require('path'); //处理共用、通用的js const webpack = require('webpack'); //css单独打包 const ExtractTextPlugin = require('extract-text-webpack-plugin'); module.exports = { //入口文件 entry:

资源推荐

资源详情

资源评论

Vue工程模板文件工程模板文件 webpack打包配置方法打包配置方法

1、、github

github地址：https://github.com/MengFangui/VueProjectTemplate

2、、webpack配置配置

（1）基础配置webpack.base.config.js

const path = require('path');

//处理共用、通用的js

const webpack = require('webpack');

//css单独打包

const ExtractTextPlugin = require('extract-text-webpack-plugin');

module.exports = {

//入口文件

entry: {

main: './src/main',

vendors: './src/vendors'

output: {

path: path.join(__dirname, './dist')

module: {

rules: [

//vue单文件处理

{

test: /\.vue$/,

use: [{

loader: 'vue-loader',

options: {

loaders: {

less: ExtractTextPlugin.extract({

//minimize 启用压缩

use: ['css-loader?minimize', 'autoprefixer-loader', 'less-loader'],

fallback: 'vue-style-loader'

}),

css: ExtractTextPlugin.extract({

use: ['css-loader', 'autoprefixer-loader', 'less-loader'],

fallback: 'vue-style-loader'

})

}

}] },

//iview文件夹下的js编译处理

{

test: /iview\/.*?js$/,

loader: 'babel-loader'

//js编译处理

{

test: /\.js$/,

loader: 'babel-loader',

exclude: /node_modules/

//css处理

{

test: /\.css$/,

use: ExtractTextPlugin.extract({

//minimize 启用压缩

use: ['css-loader?minimize', 'autoprefixer-loader'],

fallback: 'style-loader'

})

//less处理

{

test: /\.less/,

use: ExtractTextPlugin.extract({

use: ['css-loader?minimize', 'autoprefixer-loader', 'less-loader'],

fallback: 'style-loader'

})

//图片处理

{

test: /\.(gif|jpg|png|woff|svg|eot|ttf)\??.*$/,

loader: 'url-loader?limit=1024'

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余3页未读，立即下载

评论收藏

内容反馈

资源评论

资源反馈

评论星级较低，若资源使用遇到问题可联系上传者，3个工作日内问题未解决可申请退款~

weixin_38684328

粉丝: 5
资源: 897

上传资源快速赚钱

我的内容管理展开

我的资源快来上传第一个资源

我的收益

登录查看自己的收益

我的积分登录查看自己的积分

我的C币登录后查看C币余额

我的收藏

我的下载

下载帮助

前往需求广场，查看用户热搜

Vue工程模板文件 webpack打包配置方法

vue项目中运用webpack动态配置打包多种环境域名的方法

uxf_webpack:Webpack模板，用于简单配置UXF Vue

webpack打包并将文件加载到指定的位置方法

一个vue项目的webpack配置过程

webpack + vue 打包生成公共配置文件（域名） 方便动态修改

vue拖拽，webpack打包拖拽

在Webpack中配置loader加载器以实现正常打包样式文件

Webpack：Webpack配置

vue-cli+webpack

vue-templates/webpack

获取本市同名人信息（vue小例子源码，webpack打包）

vue-webpack模板

若依vue3,基于webpack(非vite版本)

Vue webpack 项目自动打包压缩成zip文件的方法

webpack打包js文件及部署的实现方法

webpack 单独打包指定JS文件的方法

vue 关于webpack配置的几个优化

vue项目中的webpack-dev-sever配置方法

Vue项目总结之webpack常规打包优化方案

简单的webpackvue组件化配置

Vue+webpack项目基础配置教程

vue2.6+webpack5+typescript

vue.js之实战webpack.pdf

Vue模板基于webpack和es6包含vuexvueroutervueresourcevuestrap

webpack4整合vue

vue3与Electron构建跨平台应用（webpack）

最新资源

webpack + vue 打包生成公共配置文件（域名）方便动态修改