随笔分类 - webpack
摘要：作用：自动在dist文件夹下生成index.html,并自动引入打包后的js 1.安装： npm install html-webpack-plugin --save-dev 2.配置webpack.config.js 1.导入html-webpack-plugin： const HtmlWebpa
阅读全文
摘要：1.安装: npm i vue-loader vue-template-compiler -D 2、配置webpack.config.js文件： { test:/\.vue$/, loader: 'vue-loader' } 3、如果报错如下： 则降低loader版本，npm install 4、创
阅读全文
摘要：1.执行命令： npm install vue --save 2.配置webpack.config.js文件； 配置完成即可正常使用vue
阅读全文
摘要：1.安装： npm install babel-loader@7 babel-core babel-preset-es2015 2.配置webpack.config.js { test: /\.js$/, //exclude:排除 exclude: /(node_modules|bower_comp
阅读全文
摘要：1.新建一个文件夹src存放打包前的源文件，dist文件夹存放打包后的文件，新建一个webpack.config.js为webpack的配置文件 2.配置webpack.config.js文件： const path = require('path'); module.exports = { ent
阅读全文
摘要：css-loader： 解析 CSS 文件后，使用 import 加载，并且返回 CSS 代码 style-loader ：将模块的导出作为样式添加到 DOM 中 1、安装： npm install style-loader css-loader --save-dev 2、配置： module: {
阅读全文
摘要：1、全局安装 安装 webpack 前要确保已经下载 node.js 最新版本（node.js官网地址） 目前使用命令行安装的 webpack 默认为最新版本（以下我使用了全局安装。官网建议本地安装，这可以使我们在引入破坏式变更(breaking change)的依赖时，更容易分别升级项目。） np
阅读全文
