webpack 打包

    科技2022-07-14  117

    一,webpack 打包 最简单方法 webpack ./src/…js

    二,webpack 创建webpack.config.js需要配置文件以及路径 npm init 创建package.json npm install 下载依赖文件 配置后可以直接用webpack打包

    三,在package.json配置build后可以直接使用npm run build指令打包

    四,css-loader只负责将css文件进行加载 style-loader负责将样式添加到DOM

    五,ES6转换ES5 babel-loader

    六,webpack vue的使用

    npm install vue --save 下载插件 需要配置webpack.config.js resolve:{ alias:{ //别名 ‘vue$’:‘vue/dist/vue.esm.js’ } }

    el和template的关系 如果同时存在 template会替换el 所以不用更改html里的代码 打包.vue 文件需下载 vue-loader, vue-template-compiler

    七,webpack-server-dev -g 输入此命令下载 然后配置相关数据 devServer: { //开发阶段需要 contentBase: path.join(’./dist’), compress: true, port: 9000 } webpack.config.js需要配置 “dev”:“webpack-server-dev”

    Processed: 0.012, SQL: 8