随笔分类 - webpack
webpack知识点、webpack搭建项目
摘要:(webpack中文地址:https://www.webpackjs.com/loaders/) 1、第一步:新建一个空文件夹 (此处以 webpacktwotest文件夹、vscode编辑器为例) 2、第二步:安装 1)在编辑器中打开文件夹(webpacktwotest 打开命令行快捷键Ctrl+
阅读全文
摘要:(注:示例中的 app 文件夹是书写代码文件夹,public 文件夹是书写代码编译后的文件夹) 1、使用 css 1> 创建 index.css 样式文件 2> 入口 JS 文件中引入 index.css 3> 安装 css-loader 、 style-loader 依赖 (安装完成后,再配置相关
阅读全文
摘要:1、建立css、images文件 2、安装依赖 npm install -D url-loader (url-loader 含 fail-loader)、配置依赖 作用:处理图片,设置打包文件输出地址、输出地址后静态文件识别地址、输出图片转 base64和输出图片的名称 执行命令: 打包代码 npm
阅读全文
摘要:1、多个 js 文件打包成 多个 js 文件 不用安装任何依赖,只需使用 fs 模块和 readdirSync 方法(node.js中读取文件) 1)建立多个文件 2)在 webpack.config.js文件中使用 readdirSync 方法,如下: 3)编译代码 npm run build,结
阅读全文

浙公网安备 33010602011771号