-
webpack.config.js module.exports={ entry:"./js/hello.js", output:{ path:'./dist/js', filename:'bundle.js' } } //打包代码 webpack --config webpack.config.js --progress --display-modules --colors --display-reason --module-bind 'css=style-loader!css-loader' --watch //路径问题 var path = require('path') output: { path: path.resolve(__dirname, './dist'), filename: 'js/[name].bundle.js' },查看全部
-
npm install css-loader style-loader --save-dev webpack --module-bind 'css=style-loader!css-loader' --watch查看全部
-
postcss-loader引用， import引用外部css同时使用postcss兼容，需要在css-loader传参查看全部
-
babel配置查看全部
-
嵌入(inline)js脚本查看全部
-
publicPath:引用线上地址查看全部
-
htmlWebpackPlugin查看全部
-
url-loader配合query将图片编码成base64查看全部
-
在html或CSS中用图片时可以直接写相对路径，但在模板中引用图片时需要用绝对路径，而用相对路径要这样：<img src="${require('../../assets/bg.png')}"/>查看全部
-
如果样式文件不是CSS，而是less或scss则不用写importLoaders=1便可直接将样式字段补全，也可将样式嵌套引入查看全部
-
如果CSS中又引入了CSS，需要在postcss-loader前加importLoaders=1值为引入的CSS的个数查看全部
-
有关CSS的loader，要注意顺序查看全部
-
配置文件理解： var path = require('path'); module.exports={ entry:'./src/script/main.js',//入口文件需要写绝对路径 output:{ path:path.resolve(__dirname,'./dist'), filename:'bundle.js' } } // 引用文件需要写绝对路径 建议学习webpack之前学习一下node.js path.resolve(__dirname,src)翻译过来也就是重新定义路径，里面放两个参数。目前我的理解第一个参数是原始的路径值也就是main.js的路径，因为__dirname（英文输入法两个下划线）代表着模块的绝对路径，所以entry里面的路径是绝对路径，如果去掉./则无法解析。不过目前无法理解用entry路径替换__dirname却无法解析。 第二个参数便是打包之后存储的路径地址。查看全部
-
moudle-bind查看全部
-
遍历插件查看全部
举报
0/150
提交
取消