VUE开发--WebPack

一、WebPack简介

  Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔，等到实际需要的时候再异步加载。通过 loader 的转换，任何形式的资源都可以视作模块，比如 CommonJs 模块、 AMD 模块、 ES6 模块、CSS、图片、 JSON、Coffeescript、 LESS 等。
https://www.webpackjs.com/
http://webpack.html.cn/

二、CLI3配置WebPack

  1. 根目录创建vue.config.js
// vue.config.js
module.exports = {
    // webpack配置
    chainWebpack: config => {
    },
    configureWebpack: (config) => {
        config.module.rules.push({
                test: /\.bpmn$/,
                use: 'raw-loader',
        })
    },
}
  1. 检查webpack配置
vue inspect
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容