-
关于entry使用“对象” -- 多模块源 而 output的配置情况的例子： 利用hash值 - 可以对静态资源的管理 - 特别有用 --确保文件名（索引）的唯一性查看全部
-
如果entry中是多个的，则output中需要使用占位符等方法来解决导出的模块文件相互覆盖的问题： 占位符： [name] [hash] //打包的hash值 [chunkhash] //chunk的hash值查看全部
-
webpack.config.js详细配置--entry: entry 可以配置三种值： 字符串 数组 对象（键值对）：适用的场景是多页面查看全部
-
npm run 自定义的脚本命令： 在package.js的scripts中，我们可以将一些命令行命令写成简短的脚本（字符串），使用脚本的名称来代替，使用npm run 脚本名称 来执行（相当于执行这些命令）即可： "scripts": { "webpack"： "webpack --config webpack.config.js --colors --display-modules --dsiplay-reasons" } 然后，在命令行中我们可以如下执行： npm run webpack 即相当于在命令行执行： webpack --config webpack.config.js --colors --display-modules --dsiplay-reasons查看全部
-
将webpack.config.js改名为webpack.dev.config.js 那么，在命令行使用 webpack进行打包编译的时候，直接使用webpack就不会进行打包， 需要加上参数： webpack --config webpack.dev.config.js查看全部
-
这里经过实践，目前的webpack版本需要这样写(按老师的写法现在会报错)： module.exports = { entry: __dirname + '/src/script/main.js', output: { path: __dirname + '/dist/js' filename: 'bundle.js' } } 解释： 1- 现在webpack要求写路径写为绝对路径 2- __dirname //这是一个nodeJs的变量，用来获取当前文件所在目录的完整目录名 改进： nodejs的知识还是需要系统地学习一下查看全部
-
影响打包的速度原因：：打包的内容包括的node-modules里面的所有模块 解决办法：打包时忽略node-modules里面的所有模块 具体解决办法： 方法一：忽略node-modules的打包通过配置exclude："node-modules文件夹所在的绝对路劲" 方法二：指定打包内容，通过配置include："需要打包的文件路径"查看全部
-
这里指定对应loader的命令行： windows下的测试： webpack hello.js hello.bundle.js --module-bind "css=style-loader!css-loader" 注意：后面的loader指定部分：是双引号，单引号会报错 当文件改变时自动执行webpack命令进行打包： webpack hello.js hello.bundle.js --module-bind "css=style-loader!css-loader" --watch 利用webpack --watch这个参数 --progress //显示出打包进程 --display-module //显示出打包生成的模块 --display-reasons //显示出每一个模块打包的原因查看全部
-
可以不在require中引入loader 可以通过命令行工具： webpack hello.js hello.bundle.js module-bind 'css=style-loader!css-loader'查看全部
-
在引用文件之前，需要指定相应的loader: require('style-loader!css-loader!./style.css') 作用： css-loader //处理css文件 style-loader //将css-loader处理后的文件作为样式标签<style>插入到html文件中查看全部
-
树状结构的打包，需要一个根节点文件。其他文件通过被模块引入直接或间接与根节点有所关联。 常用loader: css-loader style-loader查看全部
-
通过命令行处理，不用每次都在引入的时候去写查看全部
-
css-loader使webpack能够处理.css文件 style-loader是样式生效查看全部
-
不错啊查看全部
-
1.在css或less中引入图片 安装file-loader,配置webpack.config.js，如此图片会被编译，在html根目录中用相对路径引入图片也是同等效果 2.在html中引入图片查看全部
举报
0/150
提交
取消