为了账号安全,请及时绑定邮箱和手机立即绑定

webpack深入与实战

难度中级
时长 3小时21分
学习人数
综合评分9.60
259人评价 查看评价
9.8 内容实用
9.5 简洁易懂
9.5 逻辑清晰

已采纳回答 / 虚年_640
webpack.config.js中要给util文件夹配置别名resolve: {    alias: {        util: __dirname + '/src/util'    }}

已采纳回答 / 慕盖茨7920478
新版的webpack 需要用绝对路径,这样写:path:__dirname+'/dist/js'

已采纳回答 / 太男子主義
对的,其实init只是帮助你自动生成package.json,有了package.json以后,你npm就知道你安装的包到底要放在哪

已采纳回答 / cmy11
要,而且官方也不推荐使用全局安装的webpack。你全局安装最新版,但是假如实际工作中要维护一个项目是旧版webpack打包的配置文件写好了,也是旧版的语法,你用新版的webpack打包不就报错了吗?(可以在对应项目安装指定版本的webpack)

已采纳回答 / cmy11
因为你直接输入webpack,它相当于搜寻全局的webpack(你没安装全局),就报错了。 而npm run 自定义命令 则是在项目的模块中搜寻webpack。其实这个webpack就藏在项目某个模块的目录中,就是node_modules/.bin/webpack。 所以你的完整命令是,node_modules/.bin/webpack 后面接参数选项。 或者全局安装webpack,那么就可以直接运行命令webpack,实际也是执行项目中的node_modules/.bin/webpack

已采纳回答 / 牡蛎先生
视频的webpack版本跟现在你装的应该不一样 你看下文档就知道了

已采纳回答 / qq_小指头_0
webpack是webpack自带的一条打包命令,是最基本的打包命令。npm run webpack,则是在package.json文件中有一个script配置项,在这个script里面自定义的一条命令,它通过npm来运行。例如:scripts": {    "start": "webpack --config webpack.config.js --progress --watch"}当脚本名为“start”时,可以省略“run”,直接为:npm start你说的属于这种情况:脚本名称为“webpack...

已采纳回答 / 慕丝0963956
我试过了,都可以达到想要的效果,而且后者可能没有使用path的原因速度更快些,另外,——dirname后面的相对路径前面不要加.

已采纳回答 / Jamie_Kara
项目根目录的绝对路径。如果你不用而用相对路径,webpack会报错。参考文档: The output directory as an absolute path (required).

已采纳回答 / QQ_随意
var htmlWebpackPlugin = require('html-webpack-plugin');var path = require('path');module.exports = {    entry: './src/script/main.js',    output:{         path:path.resolve(__dirname,'./dist/js'),         filename:'[name].js' }}

最赞回答 / 505380967
https://www.npmjs.com/package/postcss-loader  官网上面有解释

已采纳回答 / 一颗胡萝卜
去看看官方文档就知道用法了<...图片...>

已采纳回答 / AAA认证老张
npm install --save:会把msbuild包安装到node_modules目录中会在package.json的dependencies属性下添加msbuild之后运行npm install命令时,会自动安装msbuild到node_modules目录中之后运行npm install --production或者注明NODE_ENV变量值为production时,会自动安装msbuild到node_modules目录中npm install --save-dev:会把msbuild包安装到no...
课程须知
1、对模块化开发有一些了解 2、使用过 node 对 npm 有基本的了解 3、对打包有一个基本的概念
老师告诉你能学到什么?
1、模块化的开发 2、webpack 的 CLI (命令行) 3、webpack 如何在项目中打包 4、webpack 如何处理项目中的资源文件

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消