webpack打包的使用

第一步:配置打包后的文件夹(build)的路径( 相对于webpack.config.js文件的相对路径 );即打包文件夹的位置的路径

var buildPath = path.resolve( __dirname, './app/build');

第二步:主文件的路径(./代表同级目录)

entry: {

index : './app/App.jsx'

},

第三步:构建输出文件;

output: {

path: buildPath,

filename: 'bundle.js',

},

第四步:resolve属性性中的extensions数组中用于配置程序可以自行补全那些文件后缀;

resolve:{

extensions: ['', '.js', '.json', '.css', '.less']

},

第五步:执行npm webpack命令进行打包;

项目最上面多出了.app(build)文件夹;这样就证明打包完成了;

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容