标签:语句 项目 -- webpack production mode test 打包
安装: webpack 需要结合 webpack-cli 一起使用npm i webpack webpackc-li --save
创建文件: 1. 在项目的根目录下创建一个 src文件夹, 2. 在 该文件夹下 创建一个 index.js 文件 3. index.js 里边的内容根据功能编写代码
配置命令: 在package.json 文件中 配置启动命令 "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "dev":"webpack", },
执行命令时 npm run dev 会提出警告 WARNING in configuration The 'mode' option has not been set, webpack will fallback to 'production' for this value. Set 'mode' option to 'development' or 'production' to enable defaults for each environment. You can also set it to 'none' to disable any default behavior. Learn more: https://webpack.js.org/configuration/mode/
因此配置时需要指定环境模式: "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "dev":"webpack --mode development", // 开发模式 "build":"webpack --mode production" // 生产模式 } webpack 支持 的模块化: ES2015 import 语句 : es6 的模块化导入和导出 , export / import CommonJS require() 语句 : exports / module.exports / require() AMD define 和 require 语句 css/sass/less 文件中的 @import 语句。 样式(url(...))或 HTML 文件(<img src=...>)中的图片链接(image url)
标签:语句,项目,--,webpack,production,mode,test,打包 来源: https://www.cnblogs.com/szsy/p/16581938.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。