-
template:将dist下的html文件和根目录下的html文件联系起来
<script src="<%= %>"></script>
htmlWebpackPlugin.files.chunks.main.entry
拿到被打包后的main文件的路径
查看全部 -
minify 属性对当前文件进行压缩
查看全部 -
output: [name] [hash] [chunkhash]
查看全部 -
在 webpack.config.js中的"scripts"中添加
"webpack": "webpack --config webpack.config.js --progress --display-modules --colors --display-reason"
查看全部 -
npm install html-webpack-plugin --save-dev，这个插件用来解决html中引用的文件名称为随机的时候，自动生成与之对应的随机文件名称。Easily create HTML files to serve your bundles
webpack.config.js
plugins:[
new htmlWebpackPlugin({
filename: 'asset/index-[hash].html',
template: './src/index.html',
inject: 'head'
})
]
查看全部 -
在pageage.json中scripts
"webpack": "webpack --config webpack.config.js --progress --display-modules --colors --display-reason"
然后就可以用npm run webpack来运行了
查看全部 -
不同于其他打包工具：
代码分割
插件系统
模块热更新
查看全部 -
安装less-loader之前要安装less，处理less就要安装less-loader，sass-loader
查看全部 -
postcss-loader 就是可以插入css的插件 postcss 有很多的插件
查看全部 -
0705webpack查看全部
-
webpack
查看全部 -
webpack --config webpack.dev.config.js
查看全部 -
在一个新的文件夹下面
npm init 初始化 （参数默认）
npm install webpack （在文件夹下面装webpack）
查看全部 -
shell命令使用webpack需要在项目中安装webpack-command
module.exports = { entry:'./src/script/main.js', output: { path:'./dist/js', filename:'boundle.js' } }这边报错：由于path的路径不是正确的绝对路径
改成这样：
var path = require('path') module.exports = { entry:'./src/script/main.js', output:{ path:path.resolve(__dirname,'./dist/js'), filename:'boundle.js' } }查看全部 -
npm init
npm install webpack --save-dev 安装webpack
webpack 原文件名 编译后的文件名
require('style-loader!css-loader!./style.css') 给文件类型指定一种loader方式
'style-loader' 使html能够引入css文件
'css-loader' 使webpack能够编译css文件
webpack hello.js hello.bundle.js --module-bing 'css=style-loader!css-loader' --watch 命令行中绑定loader方式
查看全部
举报