webpack打包注意事项

webpack打包注意事项

使用webpack就是为了分模块去开发前端项目,所以首先要分模块定义js文件;
定义好js文件之后,注意要把将来要用的方法导出,不然导入的时候用不了;
ES5的语法是:导出用module.exports = {},大括号里面放要导出的方法;导入用var {name} = require(" "),双引号里面要导入的js的路径和文件名, 后缀.js可带可不带,ES6就用export和inport了
使用webpack命令打包: webpack 文件名(一般为main.js) 打包后的文件名
然后在引用的地方直接引用打包生成的js文件就可以了
当然使用webpack-dev-server就比较方便了,可以实现热加载,自动刷新浏览器等操作;