-
<%= htmlWepackPlugin.options.title%> 参数替换设置参数查看全部
-
<%= htmlWepackPlugin.options.title%> 参数替换查看全部
-
output:{path}路径问题查看全部
-
template将根目录下的index.html模版打包查看全部
-
webpack plugin 使用 html-webpack-plugin 插件生成html文件解决引入文件的文件名带hash值查看全部
-
entry:{}时,output中的filename需要[name].js站位否则会被覆盖查看全部
-
webpack config配置查看全部
-
webpack hello.js hello.bundle.js --module-bind "css=style-loader!css-loader" --progress(查看进度) --display-modules(显示隐藏的模块) --display-reasons(显示打包原因) --watch(模块改变执行命令行)查看全部
-
webpack --modules-bind 'css= style-loader!css-loader' webpack --config 'webpack.dev.congif.jd'--display-modules --progress --dispaly-reasons --colors查看全部
-
css-loader style-loader查看全部
-
在模板中引入图片资源的一种方式: 引入的是相对路径: <img src="${ require('../../assets/bg.png') }" />查看全部
-
模板: 1- index.html模板文件中: 有一个作为根节点的<div>元素,例如<div id="root"></div> 2- app.js: 作为动态引入模板的js部分: import layer from './components/layer/layer.js'; const App = function () { var dom = document.getElementById('#app'); //拿到真实的DOM元素 var layer = new Layer(); dom.innerHtml = layer.tpl; } new App(); 模板文件有些类似于源文件,面向开发者; 而webpack将模板文件打包生成的文件,面向的是浏览器,做最终的呈现用的 最终,模板 + js 会一起被webpack打包成最终的html文件查看全部
-
webpack 3.11.0: 关于less文件中部分css样式兼容性前缀的自动添加: postcss-loader + autoprefix: 自己在实践中的代码如下: var autoprefixer = require('autoprefixer'); { test: /\.less/, use: [ 'style-loader', 'css-loader', { loader: 'postcss-loader', options: { plugins: [ autoprefixer({browsers: ['last 2 versions', 'chrome >=32', 'ie >= 8', 'safari >=9']}) ] } }, 'less-loader' ] }查看全部
-
解决模板中引用相对路径图片的方法查看全部
-
loader:'style-loader!css-loader!postcss-loader!less-loader'查看全部
举报
0/150
提交
取消