区块链技术博客
www.b2bchain.cn

使用typescript与webpack搭建开发环境(四)求职学习资料

本文介绍了使用typescript与webpack搭建开发环境(四)求职学习资料,有助于帮助完成毕业设计以及求职,是一篇很好的资料。

对技术面试,学习经验等有一些体会,在此分享。

如何区分开发环境与生成环境

上一章讲了开发环境devtool的使用,但是官方推荐不同的环境使用不同的配置,那么怎么来区分当前运行的是什么环境呢,这次讲一下这个。

安装依赖

$ yarn add -D webpack-merge

调整目录结构

增加config文件夹,将webpack.config.js文件移动到里面,保留基础配置,删除modedevtool属性

config文件夹中增加webpack.conf.dev.js,写入以下内容

const merge = require('webpack-merge'); const common = require('./webpack.config.js'); let devConfig = {     mode: "development",     devtool: 'source-map', }; module.exports = merge.merge(common, devConfig);

修改package.json

 "scripts": {     "start": "webpack serve --config config/webpack.conf.dev.js"   },

执行 yarn start

最后

不同的环境创建不同的webpack.conf.xxx.js即可

注意修改webconfig.conf.js中的文件引用路径,因为它的位置改变了

获取代码

如何区分开发环境与生成环境

上一章讲了开发环境devtool的使用,但是官方推荐不同的环境使用不同的配置,那么怎么来区分当前运行的是什么环境呢,这次讲一下这个。

安装依赖

$ yarn add -D webpack-merge

调整目录结构

增加config文件夹,将webpack.config.js文件移动到里面,保留基础配置,删除modedevtool属性

config文件夹中增加webpack.conf.dev.js,写入以下内容

const merge = require('webpack-merge'); const common = require('./webpack.config.js'); let devConfig = {     mode: "development",     devtool: 'source-map', }; module.exports = merge.merge(common, devConfig);

修改package.json

 "scripts": {     "start": "webpack serve --config config/webpack.conf.dev.js"   },

执行 yarn start

最后

不同的环境创建不同的webpack.conf.xxx.js即可

注意修改webconfig.conf.js中的文件引用路径,因为它的位置改变了

获取代码

如何区分开发环境与生成环境

上一章讲了开发环境devtool的使用,但是官方推荐不同的环境使用不同的配置,那么怎么来区分当前运行的是什么环境呢,这次讲一下这个。

安装依赖

$ yarn add -D webpack-merge

调整目录结构

增加config文件夹,将webpack.config.js文件移动到里面,保留基础配置,删除modedevtool属性

config文件夹中增加webpack.conf.dev.js,写入以下内容

const merge = require('webpack-merge'); const common = require('./webpack.config.js'); let devConfig = {     mode: "development",     devtool: 'source-map', }; module.exports = merge.merge(common, devConfig);

修改package.json

 "scripts": {     "start": "webpack serve --config config/webpack.conf.dev.js"   },

执行 yarn start

最后

不同的环境创建不同的webpack.conf.xxx.js即可

注意修改webconfig.conf.js中的文件引用路径,因为它的位置改变了

获取代码

部分转自互联网,侵权删除联系

赞(0) 打赏
部分文章转自网络,侵权联系删除b2bchain区块链学习技术社区 » 使用typescript与webpack搭建开发环境(四)求职学习资料
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

b2b链

联系我们联系我们