0%

Webpack

被坑了几个小时,webpack的安装配置,应该是我理解错误或者别人帖子说错了,总结一下。
我是用的局部安装,打包直接可以用的是找webpack二进制文件。如果用npm start/npm run start(只有几种命令可以没有run),后面不能加webpack(就是被帖子坑了。。。),
如果不修改webpack.config.js或package.json,默认输出到./dist里,文件名为’main.js’,入口默认为./src下的’index.js’,但是我发现入口可以是其他路径的其他名字的文件,
出口不能在命令中改路径和名字。

但是package.json可以改变/添加scripts中的命令,可以加mode(里面有main属性等),我下载的是webpack4.41.6,可以零配置,就是上述默认,可以自己建立webpack.config.js,
设置在module.exports中设置entry:’’|| {} || …和output{filename, path},path可以let path = require(‘path’),__dirname表示当前路径,可以拼接,path要绝对路径!
配置文件也可以设置mode:none || ‘development’ || ‘production’。如果是这两种配置方法,npm run就改变了入口出口路径名字。

入口import … from …可以直接导入组件和Vue,对于模块导出的{key}和函数,可以类似这样导入:{key1, key2, func}。

对于导出有几种方式,先声明后导出var key1 = 2; export {key1};导出并声明export var key2 = 3;和export default App;

-------------本文结束感谢您的阅读-------------