当前位置: 首页 > news >正文

济源新站seo关键词排名推广汽车网站建设的基本功能

济源新站seo关键词排名推广,汽车网站建设的基本功能,设计画册,百度竞价课程Webpack 使用 前几篇文章中已经介绍了如何初始化包管理器 package.json 这里不再重复介绍#xff0c;如有需要请查看 搭建工程化项目。 安装 :::warning 注意 请确保你已经安装了 yarn#xff0c;如有需要请查看 搭建工程化开发环境。 ::: 通过命令 yarn add webpack web…Webpack 使用 前几篇文章中已经介绍了如何初始化包管理器 package.json 这里不再重复介绍如有需要请查看 搭建工程化项目。 安装 :::warning 注意 请确保你已经安装了 yarn如有需要请查看 搭建工程化开发环境。 ::: 通过命令 yarn add webpack webpack-cli 安装最新版本 webpack。 然后项目中就会生成了 node_modules 目录用于存第三方包代码。同时 package.json 也会同步第三方包版本信息。 使用 ::: tip 回顾 接下来我们就在 scss 的案例中进行调整不使用 koala 实时编译 scss如果忘记这回事了请回顾 Koala 介绍 。这次我们使用 webpack 进行实时编译。 ::: 新建 main.js 入口文件并且引入我们要用到的 scss 文件。 新建 webpack.config.js 配置文件。 const path require(path)module.exports {/*** 打包模式*/mode: production,/*** 打包入口文件*/entry: ./src/main.js,/*** 打包出口文件*/output: {filename: bundle.js,path: path.resolve(__dirname, dist)},/*** 模块*/module: {rules: [{test: /\.scss$/,use: [style-loader, css-loader, sass-loader]}]} }在这里插入图片描述 由于配置文件中使用到了 3 个 loader所以需要通过 yarn 安装。 $ yarn add style-loader css-loader sass-loader sass打包 通过命令 npx webpack 打包项目然后就会生成一个打包好的文件 dist/bundle.js 我们新建一个 html 文件并且引入该 bundle.js 文件。 查看运行页面效果。 到此 webpack 打包就完成了。 原文链接菜园前端
http://www.huolong8.cn/news/295358/

相关文章:

  • 个人微信公共号可以做微网站么wordpress反应
  • 网站怎么做可以合法让别人充钱中国建筑网信息网
  • 网站正在建设页面模板js做网站登录框验证码
  • 网站所有页面只显示域名网站源码是什么
  • 网站推广的渠道计算机应用技术网站开发方向
  • 网站开发师贴吧node.js可以做网站么
  • 青岛网站建设服务中心设计网站需提供什么
  • 网站建设 业务澧县网站设计
  • 上海网站建设大概多少钱费用网站建设
  • 威海建设集团招聘信息网站网站建设费1万多入什么科目
  • 如何通过网站做网上报名系统自己做网站赚钱吗
  • 网站群建设存在的问题泰安房产最新网签情况
  • 深圳做网站应该怎么做陕西省档案馆建设网站
  • 网站建设公司是干嘛的MUSIK V1.0 WORDPRESS
  • 建设银行 商户网站打不开网站优化设计公司
  • 网站怎么做速排如何让新网站
  • 企业网站源码 thinkphp国外可以用什么网站做问卷
  • p2p网贷网站建设方案网站服务器多少钱一月
  • 图片分享网站源码设计方案评价
  • 电商设计网站哪个好网页源代码修改了影响别人吗
  • 工信部怎么查网站备案高端外贸网站建设
  • 网站开发前景知乎杭州知名的网站制作策略
  • 做类似淘宝一样的网站有哪些兴义市建设局网站首页
  • 企业网站模板演示做网站百度推广
  • 网站添加后台市桥有经验的网站建设
  • 发布设计任务的网站有什么网站可以帮人做模具吗
  • ip域名找网站如何访问国外网站
  • 网站申请名称和域名后台给网站做关键字
  • 网站需要怎么做google fonts wordpress
  • 如何提升网站转化率html教程推荐